/* Public-only layer. Merchant/admin bundles and tokens are deliberately unchanged. */
.public-shell{--purple:#7c3aed;--deep:#4c1d95;--lavender:#c4b5fd;--zp-bg:#faf8ff;--zp-text:#18122b;--ink:#18122b;--muted:#6a607b;--line:#e8e0f4;background:radial-gradient(ellipse 85% 850px at 95% 150px,#e4d8ff 0,transparent 72%),radial-gradient(ellipse 65% 650px at -5% 1150px,#eae1ff 0,transparent 74%),radial-gradient(ellipse 75% 850px at 100% 2500px,#eee7ff 0,transparent 72%),#faf8ff;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.public-shell .landing-wrap{width:min(1200px,calc(100% - 80px))}.public-shell .cloud-header{background:#faf8fff2;border-color:#e5dbf180;box-shadow:0 5px 24px #4c1d9503}.public-shell .site-nav{max-width:1280px;height:88px;padding:0 40px}.public-shell .brand{font-size:25px;letter-spacing:-1.2px;gap:9px}.public-shell .brand-mark{border-radius:11px 11px 11px 3px;transform:rotate(-6deg);background:linear-gradient(140deg,#9969ff,#6d28d9);box-shadow:inset 0 1px 1px #ffffff70,0 5px 12px #7c3aed18}.public-shell .brand-mark::first-letter{transform:rotate(6deg)}.public-shell .nav-links{gap:28px;font-size:12px}.public-shell .nav-actions{gap:22px}.public-shell .btn-primary,.public-shell .btn-secondary{border-radius:100px;padding:14px 24px;min-height:49px;font-weight:600;font-size:13px}.public-shell .btn-primary{background:linear-gradient(120deg,#8246ed,#6d28d9);box-shadow:0 5px 14px #7c3aed20,inset 0 1px 1px #ffffff40}.public-shell .btn-primary:hover{transform:translateY(-3px);box-shadow:0 10px 22px #7c3aed28}.public-shell .btn-secondary{background:#ffffff85;border-color:#ddd0ef;color:#4c1d95}.public-shell .btn-secondary:hover{transform:translateY(-2px);background:#fff}.public-shell .site-nav .btn-primary{min-height:40px;padding:10px 20px}.public-shell .mobile-navigation{display:none}.public-shell .eyebrow{font-size:10px;letter-spacing:.16em;color:#6b36b4}.public-shell .hero{padding:88px 0 82px;background:radial-gradient(ellipse 52% 35% at 58% 92%,#fff 0,transparent 100%);isolation:isolate}.public-shell .hero:before{content:"";position:absolute;z-index:-1;width:76%;height:75%;right:0;top:5%;background:radial-gradient(ellipse at 55% 30%,#d5c2ff80,transparent 65%),radial-gradient(ellipse at 25% 70%,#fff,transparent 65%);border-radius:50%;pointer-events:none}.public-shell .hero-grid{grid-template-columns:1fr 1fr;gap:60px}.public-shell .hero h1{font-size:clamp(48px,5.2vw,74px);font-weight:600;letter-spacing:-.067em;line-height:1.05;margin:25px 0}.public-shell .hero h1 span{color:#7c3aed;background:linear-gradient(115deg,#9a65f0,#6129b9);background-clip:text;-webkit-text-fill-color:transparent}.public-shell .hero-copy{font-size:16px;line-height:1.85;max-width:450px;color:var(--muted)}.public-shell .hero-note{font-size:11px;color:#746786;gap:18px;margin-top:24px}.public-shell .hero-note span{display:flex;align-items:center;gap:5px}.public-shell .hero-actions{margin-top:30px}.public-shell .hero-visual{position:relative;padding:25px 0 35px}.public-shell .preview{transform:perspective(1500px) rotateY(-5deg) rotateZ(-2deg);border-radius:22px;border:1px solid #fff;background:linear-gradient(120deg,#fffffff5,#ffffffdf);box-shadow:0 35px 85px -25px #6844a54a,0 5px 12px #4c1d9508;position:relative;z-index:1}.public-shell .preview-top{padding:18px 24px}.public-shell .preview-body{padding:24px}.public-shell .preview-heading{font-weight:650;font-size:14px}.public-shell .preview-muted{color:#736581;font-size:11px}.public-shell .preview-balance{gap:18px}.public-shell .preview-balance strong{font-size:clamp(24px,2.25vw,33px);letter-spacing:-1.2px;overflow-wrap:anywhere}.public-shell .preview-balance .small-stat{font-size:10px;flex-basis:90px;flex-shrink:0}.public-shell .demo-label{font-size:8px;letter-spacing:.06em;border-radius:30px;background:#f6f1ff;color:#6c458f;padding:5px 9px}.public-shell .demo-row{font-size:10px;gap:8px}.public-shell .demo-row .badge{font-size:8px}.public-shell .mini-chart{height:96px}.public-shell .orbit-tag{position:absolute;z-index:2;display:flex;align-items:center;gap:12px;background:#ffffffed;border:1px solid #fff;border-radius:14px;padding:14px 19px;box-shadow:0 14px 40px #4c1d9520;font-size:12px;font-weight:600}.public-shell .orbit-tag small{display:block;color:#7b6d8b;font-size:10px;font-weight:400;margin-top:3px}.public-shell .orbit-tag .icon{color:#7c3aed}.public-shell .orbit-one{right:-16px;top:0;transform:rotate(4deg)}.public-shell .orbit-two{left:-18px;bottom:10px;transform:rotate(-3deg)}.public-shell .hero-orbit{position:absolute;inset:0 -20px;border:1px solid #ffffffa0;border-radius:50%;transform:rotate(-25deg);pointer-events:none}.public-shell .product-strip{border-color:#e4daf0;padding:25px 0;color:#71617f;font-size:10px;letter-spacing:.05em}.public-shell .product-strip span{gap:10px}.public-shell .product-strip .icon{color:#865eb4}.public-shell .section-space{padding:100px 0}.public-shell .section-title{font-size:clamp(32px,3.4vw,46px);font-weight:550;letter-spacing:-.047em;line-height:1.13;max-width:600px;margin-top:18px}.public-shell .section-subtitle{font-size:14px;line-height:1.85;color:var(--muted)}.public-shell .section-intro{margin-bottom:48px}.public-shell .feature-grid{gap:22px}.public-shell .feature-grid article{border:1px solid #e9e1f2;border-radius:22px;padding:30px;background:linear-gradient(130deg,#ffffffba,#ffffff50);transition:transform .25s,box-shadow .25s}.public-shell .feature-grid article:hover{transform:translateY(-5px);box-shadow:0 16px 35px #4c1d950a}.public-shell .feature-grid h3{font-size:18px;font-weight:600}.public-shell .feature-grid p{font-size:13px;color:var(--muted)}.public-shell .feature-icon{background:linear-gradient(140deg,#f5efff,#e9ddfc);border:1px solid #e6d9f8;border-radius:13px;color:#7c3aed}.public-shell .feature-number{float:right;font-size:10px;font-family:ui-monospace,monospace;letter-spacing:.1em;color:#8f7d9e}.public-shell .cloud-split{display:grid;grid-template-columns:1fr 1fr;gap:110px;align-items:center}.public-shell .text-link{display:inline-flex;align-items:center;gap:10px;font-weight:600;font-size:13px;color:#6d28d9;margin-top:25px}.public-shell .text-link:hover{gap:16px}.public-shell .solution-copy{margin-top:24px;color:var(--muted);line-height:1.85;max-width:420px}.public-shell .quiet-list{margin-top:26px;display:grid;gap:16px;color:#594d68;font-size:13px}.public-shell .quiet-list li{display:flex;gap:10px;align-items:center}.public-shell .quiet-list .icon{width:16px;color:#8250c0}.public-shell .qris-stage{position:relative;display:grid;place-items:center;min-height:480px;background:radial-gradient(ellipse at 50% 50%,#d5c1ff95,transparent 68%)}.public-shell .qris-stage:before,.public-shell .qris-stage:after{content:"";position:absolute;border:1px solid #d9c9ec;border-radius:50%;width:390px;height:390px;max-width:100%;transform:rotate(-25deg) scaleY(.8)}.public-shell .qris-stage:after{width:480px;height:480px;transform:rotate(30deg) scaleY(.8);border-color:#e7def1}.public-shell .payment-card{position:relative;z-index:1;background:#fffffff2;border:1px solid #fff;border-radius:24px;width:285px;padding:26px;box-shadow:0 25px 60px -25px #68449955;transform:rotate(-5deg);text-align:center}.public-shell .payment-card .brand{font-size:17px}.public-shell .payment-card .brand-mark{width:27px;height:29px;font-size:18px}.public-shell .payment-card h3{font-size:16px;font-weight:600;margin:23px 0 8px}.public-shell .payment-card p{font-size:11px;color:#756784}.public-shell .qr-placeholder{width:160px;height:160px;margin:22px auto 16px;border:1px solid #e8ddf4;border-radius:14px;position:relative;display:grid;place-items:center;background:repeating-linear-gradient(0deg,transparent 0 7px,#eee7f8 7px 9px),repeating-linear-gradient(90deg,transparent 0 7px,#eee7f8 7px 9px);color:#71469d}.public-shell .qr-placeholder .icon{width:64px;height:64px;padding:14px;background:white;border-radius:12px}.public-shell .payment-card .qris-label{display:block;padding-top:15px;border-top:1px dashed #ded3ea;font-size:10px;letter-spacing:.12em;color:#6e5e7d}.public-shell .qris-note{position:absolute;z-index:2;bottom:52px;right:5px;background:#4c1d95;color:#fff;border-radius:12px;padding:15px 20px;box-shadow:0 10px 28px #4c1d9520;font-size:12px;transform:rotate(4deg)}.public-shell .qris-note small{display:block;color:#e0d0f7;font-size:10px;margin-top:4px}.public-shell .workflow{padding:65px 0 85px}.public-shell .workflow-heading{text-align:center;margin:0 auto 50px}.public-shell .workflow-heading .eyebrow{justify-content:center}.public-shell .workflow-heading .section-title{margin:18px auto}.public-shell .flow-track{display:grid;grid-template-columns:repeat(3,1fr);gap:60px;position:relative}.public-shell .flow-track:before{content:"";height:1px;position:absolute;top:24px;left:0;right:0;background:linear-gradient(90deg,#cbb5ea,#e8ddf4)}.public-shell .flow-step{position:relative}.public-shell .flow-step>span{display:grid;place-items:center;width:48px;height:48px;border:1px solid #dcccEE;border-radius:50%;background:#faf8ff;font-size:12px;color:#774ca7;margin-bottom:25px}.public-shell .flow-step h3{font-size:18px;font-weight:600;margin-bottom:12px}.public-shell .flow-step p{color:var(--muted);font-size:13px;max-width:300px;line-height:1.85}.public-shell .merchant-preview{display:grid;grid-template-columns:1.15fr 1fr;gap:90px;align-items:center}.public-shell .workspace-card{border:1px solid #e3d8f1;background:#fff;border-radius:22px;box-shadow:0 25px 60px -30px #68449930;overflow:hidden;transform:rotate(-1deg)}.public-shell .workspace-bar{padding:17px 24px;border-bottom:1px solid #eee8f5;display:flex;justify-content:space-between;color:#6e607d;font-size:11px}.public-shell .workspace-layout{display:grid;grid-template-columns:100px 1fr;min-height:280px}.public-shell .workspace-sidebar{padding:25px 12px;border-right:1px solid #eee8f5;font-size:9px;color:#7c6c8c;display:flex;flex-direction:column;gap:18px;background:#fcfaff}.public-shell .workspace-sidebar span:first-child{color:#6d28d9;font-weight:700}.public-shell .workspace-main{padding:25px;min-width:0}.public-shell .workspace-main h3{font-size:17px;font-weight:600}.public-shell .workspace-main p{font-size:11px;color:var(--muted);margin-top:6px}.public-shell .workspace-tiles{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0}.public-shell .workspace-tiles div{border-radius:11px;padding:15px;background:#f8f4ff;font-size:10px;color:#6d5688}.public-shell .workspace-tiles .icon{display:block;margin-bottom:9px}.public-shell .workspace-row{display:flex;justify-content:space-between;padding:11px 0;border-top:1px solid #f0eaf5;font-size:10px;color:#766285}.public-shell .workspace-row span:last-child{color:#6c31ae}.public-shell .workspace-caption{margin-top:20px;font-size:11px!important;color:#786889;text-align:center}.public-shell .api-section{padding-top:75px}.public-shell .code-panel{border:1px solid #49345e;border-radius:22px;background:linear-gradient(140deg,#28183d,#1a1028);box-shadow:0 30px 60px -30px #4c1d9540;transform:rotate(1deg)}.public-shell .code-panel pre{padding:30px;font-size:11px;line-height:2}.public-shell .code-toolbar{padding:18px 24px;color:#e1d4f4}.public-shell .code-note{padding:15px 25px;border-top:1px solid #ffffff15;color:#c4afd8;font-size:10px}.public-shell .security-panel{border:0;position:relative;grid-template-columns:1fr 1fr;padding:65px 0;background:radial-gradient(ellipse at 20% 40%,#e5d8fc,transparent 75%)}.public-shell .security-list{gap:0}.public-shell .security-list p{padding:20px 0;border-bottom:1px solid #dfd2ed;line-height:1.6;font-size:13px}.public-shell .security-list p:first-child{border-top:1px solid #dfd2ed}.public-shell .security-list .icon{width:23px;height:23px;margin-right:8px}.public-shell .faq-layout{gap:110px;grid-template-columns:.85fr 1.15fr}.public-shell .faq-list details{padding:23px 0}.public-shell .faq-list summary{font-size:14px;line-height:1.6}.public-shell .faq-list summary::-webkit-details-marker{display:none}.public-shell .faq-list summary:after{font-size:20px;line-height:1}.public-shell .faq-list details p{color:var(--muted);font-size:13px}.public-shell .final-cta{margin-top:0;padding:95px 24px 110px;border:0;background:radial-gradient(ellipse 55% 95% at 50% 100%,#d5c1fb 0,transparent 85%)}.public-shell .final-cta .eyebrow{justify-content:center}.public-shell .final-cta h2{font-size:clamp(36px,4.7vw,64px);font-weight:550;letter-spacing:-.055em;max-width:750px;margin:22px auto}.public-shell .final-cta p{color:var(--muted);margin:0 auto 28px;max-width:460px}.public-shell .site-footer{padding:60px 0 25px;background:#fff6;border-color:#dfd2ef}.public-shell .footer-about{font-size:13px;line-height:1.8;color:var(--muted)}.public-shell .footer-links{gap:85px}.public-shell .footer-links h2{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#453254}.public-shell .footer-links a{font-size:12px;color:#73647f;margin:12px 0}.public-shell .footer-wordmark{font-size:clamp(75px,17vw,224px);font-weight:700;line-height:1.1;letter-spacing:-.07em;color:#d6c6eb;margin:55px 0 -6px;user-select:none}.public-shell .footer-bottom{margin-top:0;color:#6f607e}.public-shell [data-reveal]{transition:opacity .65s,transform .65s;transition-delay:var(--delay,0ms)}.public-shell .reveal-ready{opacity:0;transform:translateY(22px)}
/* Theme switch remains available on every public route. */
.public-shell .theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;flex-shrink:0;border-radius:50%;border:1px solid #e1d5ef;background:#ffffff80;color:#653994}.public-shell .theme-toggle[hidden]{display:none}.public-shell .theme-toggle:hover{background:#ede5fb}.public-shell .theme-toggle svg{width:18px;height:18px}.public-shell .theme-sun{display:none}
/* Shared public forms, documentation, contact and errors. */
.public-shell .card{border-radius:22px;background:#ffffffdb;border:1px solid #e8ddf3;box-shadow:0 20px 55px -30px #633b942c}.public-shell .input{border-radius:11px;min-height:48px;border-color:#ded3eb;background:#fff;font-size:14px}.public-shell .input:focus{border-color:#8d54df;box-shadow:0 0 0 4px #7c3aed0c}.public-shell label{font-size:12px;letter-spacing:.01em}.public-shell .auth-panel{max-width:490px;margin:75px auto 85px;padding:0 20px}.public-shell .auth-panel .card{padding:38px}.public-shell .auth-panel h1{font-size:30px;font-weight:600;letter-spacing:-.04em}.public-shell .auth-panel .feature-icon{margin-bottom:24px}.public-shell .auth-panel .auth-kicker{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#78519e;margin-bottom:12px}.public-shell .auth-panel p{font-size:13px;line-height:1.8;color:#74627f}.public-shell .register-cloud{max-width:1120px;padding-top:80px;padding-bottom:90px;gap:95px}.public-shell .register-cloud>div:first-child{padding-top:45px}.public-shell .register-cloud h1{font-size:49px;line-height:1.12;font-weight:550;letter-spacing:-.05em}.public-shell .register-cloud .card{padding:35px}.public-shell .register-cloud h2{font-weight:600;font-size:25px}.public-shell .register-cloud li{align-items:center}.public-shell .register-cloud li .icon{width:16px}.public-shell .register-cloud .register-statement{margin-top:40px;padding:22px 0;border-top:1px solid #ddd0ef;color:#7b6b89;font-size:12px}.public-shell .docs-page{max-width:1040px;padding:75px 30px 90px}.public-shell .docs-page>div:first-child{padding:0 0 20px;max-width:780px}.public-shell .docs-page h1{font-size:52px;font-weight:550;letter-spacing:-.05em}.public-shell .docs-page h2{font-weight:600;letter-spacing:-.035em}.public-shell .docs-page h3{letter-spacing:0}.public-shell .docs-page pre{background:#241731;line-height:1.9;padding-top:42px}.public-shell .docs-page .bg-slate-900{background:#241731}.public-shell .docs-page table.zp thead th{background:#f5f0fb}.public-shell .contact-cloud{padding:90px 0 110px}.public-shell .contact-cloud h1{font-size:clamp(40px,4.8vw,64px);font-weight:550;letter-spacing:-.055em;margin-top:22px;max-width:650px}.public-shell .contact-cloud .contact-intro{max-width:500px;font-size:15px;color:var(--muted);line-height:1.85;margin-top:25px}.public-shell .contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:50px}.public-shell .contact-grid article{padding:35px}.public-shell .contact-grid h2{font-size:20px;font-weight:600;margin:20px 0 12px}.public-shell .contact-grid p{font-size:13px;color:var(--muted);margin-top:8px}.public-shell .contact-value{font-size:18px;font-weight:600;color:#6d28d9;overflow-wrap:anywhere}.public-shell .contact-help{display:flex;justify-content:space-between;gap:20px;padding-top:35px;margin-top:35px;border-top:1px solid #dfd4ed;color:#6d5e7b}.public-shell .contact-help a{font-weight:600;color:#6d28d9}.public-shell .error-cloud{padding:90px 20px 110px;max-width:700px;margin:auto;text-align:center}.public-shell .error-numeral{font-size:100px;font-weight:600;letter-spacing:-.08em;line-height:1;color:#ad86d9;margin-bottom:25px}.public-shell .error-cloud h1{font-size:35px;font-weight:550}.public-shell .error-cloud p{color:var(--muted);max-width:450px;margin:20px auto}.public-shell .error-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:28px}
@media(min-width:768px){.public-shell .feature-grid article:nth-child(2){--delay:80ms}.public-shell .feature-grid article:nth-child(3){--delay:160ms}}
@media(max-width:1100px){.public-shell .hero-grid{gap:32px}.public-shell .hero h1{font-size:56px}.public-shell .cloud-split,.public-shell .merchant-preview,.public-shell .faq-layout{gap:55px}.public-shell .preview-body{padding:20px}.public-shell .preview-top{padding:16px}.public-shell .register-cloud{gap:45px}.public-shell .hero-note{flex-wrap:wrap}.public-shell .orbit-one{right:-6px}.public-shell .orbit-two{left:-8px}}
@media(max-width:767px){.public-shell .landing-wrap{width:calc(100% - 40px)}.public-shell .site-nav{height:74px;padding:0 20px;gap:15px}.public-shell .brand{font-size:23px}.public-shell .brand-mark{width:30px;height:32px;font-size:21px}.public-shell .nav-actions{margin-left:auto;gap:13px;font-size:12px}.public-shell .site-nav .btn-primary{padding:9px 15px;min-height:37px}.public-shell .site-nav .btn-primary .icon{display:none}.public-shell .mobile-navigation{display:block}.public-shell .mobile-navigation summary{list-style:none;display:grid;gap:5px;place-content:center;width:32px;height:38px;cursor:pointer}.public-shell .mobile-navigation summary::-webkit-details-marker{display:none}.public-shell .mobile-navigation summary span{width:19px;height:1.5px;background:#5e3e7e}.public-shell .mobile-navigation>div{position:absolute;top:73px;left:0;right:0;background:#fcfaff;border-bottom:1px solid #e3d5f0;box-shadow:0 20px 35px #4c1d9514;padding:18px 25px}.public-shell .mobile-navigation a{display:block;padding:12px 0;color:#53356f;font-size:14px}.public-shell .hero{padding:48px 0 45px}.public-shell .hero-grid,.public-shell .cloud-split,.public-shell .merchant-preview,.public-shell .faq-layout{grid-template-columns:1fr;gap:45px}.public-shell .hero h1{font-size:clamp(42px,10.5vw,64px);max-width:550px;margin:23px 0}.public-shell .hero-copy{font-size:14px;max-width:430px}.public-shell .eyebrow{font-size:9px;letter-spacing:.13em}.public-shell .hero-actions{gap:10px;margin-top:25px}.public-shell .btn-primary,.public-shell .btn-secondary{padding:13px 20px;font-size:12px}.public-shell .hero-note{font-size:10px;gap:14px}.public-shell .hero-visual{max-width:530px;width:100%;margin:auto;padding:20px 5px 32px}.public-shell .hero-orbit{inset:0}.public-shell .preview{transform:rotate(-1deg);border-radius:18px}.public-shell .preview-top{padding:15px}.public-shell .preview-body{padding:19px}.public-shell .preview-balance strong{font-size:26px}.public-shell .preview-balance .small-stat{font-size:9px;flex-basis:70px}.public-shell .demo-label{font-size:7px}.public-shell .orbit-tag{padding:10px 13px;font-size:10px;gap:8px;border-radius:11px}.public-shell .orbit-tag small{font-size:9px}.public-shell .orbit-one{top:-2px;right:0}.public-shell .orbit-two{left:0;bottom:4px}.public-shell .product-strip{gap:18px;font-size:9px;padding:24px 0}.public-shell .section-space{padding:65px 0}.public-shell .section-title{font-size:35px;max-width:500px}.public-shell .section-intro{margin-bottom:30px}.public-shell .section-subtitle{max-width:450px;font-size:13px}.public-shell .feature-grid{gap:15px}.public-shell .feature-grid article{display:block;padding:25px}.public-shell .feature-grid .feature-icon{margin-bottom:20px}.public-shell .feature-grid h3{margin-bottom:12px}.public-shell .qris-stage{min-height:420px;grid-row:2}.public-shell .payment-card{width:270px}.public-shell .qris-note{right:0;bottom:35px}.public-shell .workflow{padding:40px 0 60px}.public-shell .workflow-heading{text-align:left;margin-bottom:30px}.public-shell .workflow-heading .eyebrow{justify-content:start}.public-shell .flow-track{grid-template-columns:1fr;gap:28px}.public-shell .flow-track:before{display:none}.public-shell .flow-step{padding-left:68px;min-height:75px}.public-shell .flow-step>span{position:absolute;left:0;top:0}.public-shell .flow-step h3{margin-bottom:9px}.public-shell .merchant-preview .workspace-scene{order:2}.public-shell .workspace-layout{grid-template-columns:80px 1fr}.public-shell .workspace-sidebar{font-size:8px;padding:20px 10px}.public-shell .workspace-main{padding:20px 16px}.public-shell .workspace-tiles div{padding:12px}.public-shell .workspace-caption{font-size:10px!important}.public-shell .code-panel{transform:none}.public-shell .code-panel pre{padding:23px 18px;font-size:10px}.public-shell .security-panel{grid-template-columns:1fr;gap:30px;padding:40px 0}.public-shell .security-list p{font-size:12px}.public-shell .faq-layout{gap:20px}.public-shell .faq-list summary{font-size:13px}.public-shell .final-cta{padding:65px 20px 80px}.public-shell .final-cta h2{font-size:40px}.public-shell .final-cta p{font-size:13px}.public-shell .site-footer{padding-top:40px}.public-shell .footer-links{gap:55px;margin-top:35px}.public-shell .footer-wordmark{margin-top:35px;font-size:23vw}.public-shell .auth-panel{margin:45px auto 60px}.public-shell .auth-panel .card{padding:28px}.public-shell .auth-panel h1{font-size:27px}.public-shell .register-cloud{padding:40px 20px 60px;gap:30px}.public-shell .register-cloud>div:first-child{padding-top:0}.public-shell .register-cloud h1{font-size:37px}.public-shell .register-cloud .card{padding:25px}.public-shell .register-cloud .register-statement{display:none}.public-shell .docs-page{padding:45px 20px 60px}.public-shell .docs-page h1{font-size:37px}.public-shell .docs-page .card{padding:20px}.public-shell .contact-cloud{padding:55px 0 70px}.public-shell .contact-grid{grid-template-columns:1fr;margin-top:30px;gap:16px}.public-shell .contact-grid article{padding:28px}.public-shell .contact-help{flex-direction:column;font-size:13px}.public-shell .error-cloud{padding:65px 20px 80px}.public-shell .error-cloud h1{font-size:29px}}
@media(max-width:360px){.public-shell .site-nav{padding:0 14px;gap:8px}.public-shell .nav-actions{gap:10px}.public-shell .hero h1{font-size:40px}.public-shell .preview-balance{flex-wrap:wrap}.public-shell .preview-balance .small-stat{text-align:left;flex-basis:auto;padding:0}.public-shell .demo-row{grid-template-columns:1fr auto;font-size:9px}.public-shell .demo-row .badge{display:none}.public-shell .hero-actions .btn-primary,.public-shell .hero-actions .btn-secondary{padding:12px 15px}.public-shell .workspace-layout{grid-template-columns:65px 1fr}.public-shell .workspace-sidebar{padding:18px 6px}}
.public-shell .hero:before{border-radius:0;background:radial-gradient(ellipse at 55% 30%,#d5c2ff80,transparent 72%),radial-gradient(ellipse at 25% 70%,#fff,transparent 72%)}
.public-shell .cloud-split>*{min-width:0}.public-shell .orbit-one{top:-18px}.public-shell .qris-stage{overflow:clip}
@media(max-width:767px){.public-shell .hero-orbit{display:none}.public-shell .hero-visual{padding-top:40px}.public-shell .orbit-one{top:-6px}}
@media(prefers-reduced-motion:reduce){.public-shell [data-reveal],.public-shell .reveal-ready{opacity:1;transform:none;transition:none}.public-shell .btn-primary:hover,.public-shell .btn-secondary:hover,.public-shell .feature-grid article:hover{transform:none}}
.public-shell .footer-wordmark{font-size:clamp(36px,5vw,64px);letter-spacing:-.05em;margin:28px 0 20px;line-height:1.1}
/* Dark palette is scoped to public-shell, never dashboard layouts. */
html[data-theme=dark]{color-scheme:dark}
[data-theme=dark] .public-shell{--zp-bg:#130e20;--zp-bg-2:#21172f;--zp-card:#20182e;--zp-border:#3d2c51;--zp-border-2:#59426f;--zp-text:#f4edff;--ink:#f4edff;--muted:#bcaccd;--purple:#b79aef;--deep:#d4b8ff;--line:#3e2d52;background:radial-gradient(ellipse 85% 850px at 95% 150px,#32204e 0,transparent 72%),radial-gradient(ellipse 65% 650px at -5% 1150px,#291b40 0,transparent 74%),radial-gradient(ellipse 75% 850px at 100% 2500px,#241931 0,transparent 72%),#130e20;color:var(--ink)}
[data-theme=dark] .public-shell .cloud-header{background:#130e20f5;border-color:#392848;box-shadow:none}[data-theme=dark] .public-shell .brand{color:#f1e8ff}[data-theme=dark] .public-shell .nav-links{color:#c5b5d7}[data-theme=dark] .public-shell .theme-toggle{color:#e0c7ff;background:#2b1d3e;border-color:#4a335e}[data-theme=dark] .public-shell .theme-toggle:hover{background:#3d2858}[data-theme=dark] .public-shell .theme-moon{display:none}[data-theme=dark] .public-shell .theme-sun{display:block}
[data-theme=dark] .public-shell .btn-secondary{color:#dcc5fa;background:#2a1e3e;border-color:#533b6a}[data-theme=dark] .public-shell .btn-secondary:hover{background:#39254e}[data-theme=dark] .public-shell .hero{background:radial-gradient(ellipse 52% 35% at 58% 92%,#271935,transparent 100%)}[data-theme=dark] .public-shell .hero:before{background:radial-gradient(ellipse at 55% 30%,#53307865,transparent 72%),radial-gradient(ellipse at 25% 70%,#38204755,transparent 72%)}[data-theme=dark] .public-shell .hero h1 span{background-image:linear-gradient(115deg,#d3b5ff,#b485f6)}[data-theme=dark] .public-shell .eyebrow{color:#c6a5f2}[data-theme=dark] .public-shell .hero-note{color:#bfacce}[data-theme=dark] .public-shell .hero-note .icon{color:#c5a0f2}[data-theme=dark] .public-shell .hero-orbit{border-color:#724c972b}
[data-theme=dark] .public-shell .preview{background:linear-gradient(120deg,#2b203b,#21182f);border-color:#543d6a;box-shadow:0 35px 85px -25px #08050e90}[data-theme=dark] .public-shell .preview-top,[data-theme=dark] .public-shell .preview-balance,[data-theme=dark] .public-shell .demo-row{border-color:#493655}[data-theme=dark] .public-shell .preview-muted,[data-theme=dark] .public-shell .preview-balance .small-stat{color:#c3b0d5}[data-theme=dark] .public-shell .demo-label{color:#d4b4f5;background:#372448;border-color:#4f3761}[data-theme=dark] .public-shell .mini-chart polygon{fill:#493064}[data-theme=dark] .public-shell .mini-chart path{stroke:#42304f}[data-theme=dark] .public-shell .mini-chart polyline{stroke:#bf93fc}[data-theme=dark] .public-shell .chart-axis{color:#bca9ce}[data-theme=dark] .public-shell .orbit-tag{background:#30223e;border-color:#614675;color:#ecdcff;box-shadow:0 14px 40px #0003}[data-theme=dark] .public-shell .orbit-tag small{color:#c3afd6}[data-theme=dark] .public-shell .orbit-tag .icon{color:#c9a3ff}
[data-theme=dark] .public-shell .product-strip{color:#bda9cf;border-color:#3e2d52}[data-theme=dark] .public-shell .product-strip .icon{color:#c39de8}[data-theme=dark] .public-shell .feature-grid article,[data-theme=dark] .public-shell .card{background:linear-gradient(130deg,#271d35,#20182c);border-color:#443153;box-shadow:0 20px 55px -30px #0004}[data-theme=dark] .public-shell .feature-icon{background:linear-gradient(140deg,#392549,#2d203c);border-color:#533765;color:#d2aafa}[data-theme=dark] .public-shell .feature-number{color:#b89fcb}[data-theme=dark] .public-shell .text-link,[data-theme=dark] .public-shell .contact-value,[data-theme=dark] .public-shell .contact-help a{color:#c5a0fa}[data-theme=dark] .public-shell .quiet-list{color:#c8b7d5}[data-theme=dark] .public-shell .quiet-list .icon{color:#c398f1}
[data-theme=dark] .public-shell .qris-stage{background:radial-gradient(ellipse at 50% 50%,#59347a70,transparent 68%)}[data-theme=dark] .public-shell .qris-stage:before,[data-theme=dark] .public-shell .qris-stage:after{border-color:#604274}[data-theme=dark] .public-shell .payment-card{background:#281c35;border-color:#624776;box-shadow:0 25px 60px -25px #0008}[data-theme=dark] .public-shell .payment-card p,[data-theme=dark] .public-shell .payment-card .qris-label{color:#c3afd4}[data-theme=dark] .public-shell .payment-card .qris-label{border-color:#624776}[data-theme=dark] .public-shell .qr-placeholder{background:repeating-linear-gradient(0deg,transparent 0 7px,#473155 7px 9px),repeating-linear-gradient(90deg,transparent 0 7px,#473155 7px 9px);border-color:#634677;color:#d2b2f4}[data-theme=dark] .public-shell .qr-placeholder .icon{background:#2c1d3c}[data-theme=dark] .public-shell .flow-track:before{background:linear-gradient(90deg,#684c85,#30203e)}[data-theme=dark] .public-shell .flow-step>span{background:#241830;border-color:#624479;color:#d4b9ef}
[data-theme=dark] .public-shell .workspace-card{background:#251b32;border-color:#533b66}[data-theme=dark] .public-shell .workspace-bar,[data-theme=dark] .public-shell .workspace-row{color:#c7b5d6;border-color:#453152}[data-theme=dark] .public-shell .workspace-sidebar{background:#1e162a;color:#beabcd;border-color:#453152}[data-theme=dark] .public-shell .workspace-sidebar span:first-child,[data-theme=dark] .public-shell .workspace-row span:last-child{color:#cea5fa}[data-theme=dark] .public-shell .workspace-tiles div{background:#352342;color:#d3b9e8}[data-theme=dark] .public-shell .workspace-caption{color:#bda8ce}[data-theme=dark] .public-shell .security-panel{background:radial-gradient(ellipse at 20% 40%,#39244f,transparent 75%)}[data-theme=dark] .public-shell .security-list p,[data-theme=dark] .public-shell .faq-list details{border-color:#4a335a;color:#c9b8d7}[data-theme=dark] .public-shell .security-list .icon{color:#c79cef}
[data-theme=dark] .public-shell .final-cta{background:radial-gradient(ellipse 55% 95% at 50% 100%,#493064,transparent 85%)}[data-theme=dark] .public-shell .site-footer{background:#120c1d70;border-color:#443052}[data-theme=dark] .public-shell .footer-links h2{color:#e0ceee}[data-theme=dark] .public-shell .footer-links a,[data-theme=dark] .public-shell .footer-bottom{color:#bda9ce}[data-theme=dark] .public-shell .footer-bottom{border-color:#443052}[data-theme=dark] .public-shell .footer-wordmark{color:#64477c}
[data-theme=dark] .public-shell .input{background:#191222;border-color:#584065;color:#f0e6fa}[data-theme=dark] .public-shell .input::placeholder{color:#ab97bc}[data-theme=dark] .public-shell .input:focus{border-color:#b385ed;box-shadow:0 0 0 4px #b385ed18}[data-theme=dark] .public-shell .auth-panel p,[data-theme=dark] .public-shell .register-cloud .register-statement{color:#c0adce}[data-theme=dark] .public-shell .auth-panel .auth-kicker{color:#caa6ed}[data-theme=dark] .public-shell .register-cloud .register-statement{border-color:#50365e}[data-theme=dark] .public-shell .text-slate-400,[data-theme=dark] .public-shell .text-slate-500,[data-theme=dark] .public-shell .text-slate-600,[data-theme=dark] .public-shell .text-slate-700{color:#c4b1d4}[data-theme=dark] .public-shell .text-pink-600,[data-theme=dark] .public-shell .text-pink-700{color:#ceadfa}[data-theme=dark] .public-shell .bg-pink-50,[data-theme=dark] .public-shell .bg-pink-100{background:#392447}[data-theme=dark] .public-shell .contact-help{border-color:#4c355c;color:#c4b1d4}[data-theme=dark] .public-shell table.zp thead th{background:#30203e;color:#c7b3d6}[data-theme=dark] .public-shell table.zp tbody td{color:#d8c6e6;border-color:#493254}[data-theme=dark] .public-shell table.zp tbody tr:hover{background:#342441}[data-theme=dark] .public-shell .mobile-navigation>div{background:#1e152b;border-color:#523866}[data-theme=dark] .public-shell .mobile-navigation a{color:#dfc9f4}[data-theme=dark] .public-shell .mobile-navigation summary span{background:#dcc4f3}
@media(max-width:767px){.public-shell .nav-actions{gap:10px}.public-shell .theme-toggle{width:34px;height:34px}.public-shell .site-nav{gap:10px}}
@media(max-width:360px){.public-shell .site-nav{padding:0 12px;gap:7px}.public-shell .nav-actions{gap:8px}.public-shell .site-nav .brand{font-size:19px;gap:5px}.public-shell .site-nav .brand-mark{width:25px;height:28px;font-size:19px}.public-shell .site-nav .btn-primary{padding:9px 11px}.public-shell .theme-toggle{width:30px;height:30px}.public-shell .mobile-navigation summary{width:26px}}