/* ZPAID pixel interface. The spatial scene and working payment flows stay intact. */
:root{--display:'Silkscreen',monospace;--body:'Pixelify Sans',monospace;--mono:'Pixelify Sans',monospace;--pixel-edge:#9a78403d;--pixel-shadow:#0a0805;--line:#e8b64f33}
body{font:17px/1.5 var(--body);font-synthesis:none}button,input,textarea,select{font-synthesis:none}
button,a,input,textarea,dialog,summary{border-radius:0}
.brand{font-family:var(--display);font-size:15px;font-weight:400;letter-spacing:0;gap:11px}
.brand img{image-rendering:pixelated;width:30px;height:27px}
.header{height:58px;border-bottom:2px solid var(--line);background:#211b10f2}
.header>.brand{padding-inline:22px;border-right:2px solid var(--line)}
.network{font:12px/1.2 var(--body);padding-inline:14px;border-right:2px solid var(--line);max-width:110px}
.network small{font-size:9px;margin-left:11px;letter-spacing:1px}
.status-dot{width:6px;height:6px;border-radius:0;box-shadow:2px 2px 0 #0008}
.navigation{gap:14px;padding-inline:18px}
.navigation>a,.navigation>button{font:13px/1.3 var(--body);letter-spacing:.2px;font-weight:500}
.header-launch{font:12px/1.3 var(--display);padding-inline:17px;gap:24px;border-left:2px solid #151006}
.header-launch .button-square{font:24px var(--body)}
.menu-toggle span{border-radius:0;height:2px}
.hero-kicker{font:11px/1.5 var(--body);letter-spacing:1.6px;margin-bottom:13px}
.hero-bottom{bottom:28px}
.hero-copy{grid-template-columns:1.45fr 1fr;gap:32px;border-top:2px solid #eadc9f3d;padding-top:22px}
h1{font:400 clamp(32px,3.7vw,60px)/1.16 var(--display);letter-spacing:-1.3px;white-space:nowrap;text-shadow:3px 3px 0 #05040380}
.hero-description p{font-size:17px;line-height:1.45;max-width:465px;margin-bottom:23px}
.primary-button{border:2px solid #f1e8ce;box-shadow:4px 4px 0 #070603;font:12px/1.5 var(--display);min-height:51px;gap:15px;padding:4px 4px 4px 16px;transition:background .15s,color .15s,box-shadow .15s,transform .15s}
.primary-button:hover{border-color:var(--gold);box-shadow:2px 2px 0 #070603;transform:translate(2px,2px)}
.primary-button:active{box-shadow:none;transform:translate(4px,4px)}
.button-square{width:34px;height:34px;border:2px solid #3b2f1c88;font:25px/1 var(--body)}
.eyebrow,.mono,.tag,.panel-title,.step-number{font-family:var(--body);letter-spacing:1px}
.eyebrow{font-size:12px}.tag{font-size:10px;letter-spacing:.5px}
.protocol-strip{border-top:2px solid var(--line);border-bottom:2px solid var(--line)}
.protocol-strip>p{font:12px var(--body)}
.protocol-strip dt,.stack-grid dt{font-family:var(--body);font-size:11px;letter-spacing:.7px}
.protocol-strip dd{font:20px var(--body)}
.protocol-strip dl>div{border-left:2px solid var(--line)}
.feature-row{grid-template-columns:30px 255px minmax(200px,1fr) 205px;border-top:2px solid var(--line);gap:22px}
.feature-row:last-child{border-bottom:2px solid var(--line)}
.feature-title h2{font:400 20px/1.4 var(--display);letter-spacing:-.6px}
.feature-title{gap:9px}.feature-icon svg{shape-rendering:crispEdges;stroke-width:2;stroke-linecap:square;stroke-linejoin:miter}
.feature-row p{font-size:16px;line-height:1.6}
.text-button{font:14px var(--body);gap:16px;border-bottom:1px solid #e8b64f44;padding-block:7px}
.text-button span{font-family:var(--body);font-size:22px}
.control-section{border-top:2px solid var(--line)}
.section-heading h2{font:400 27px/1.3 var(--display);letter-spacing:-.7px}
.section-heading p:not(.eyebrow){font-size:16px}
.control-panel{border:2px solid var(--line);box-shadow:4px 4px 0 #0d0a0655;background:#231c1033;position:relative}
.control-panel:before{content:'';position:absolute;top:-2px;left:-2px;width:7px;height:7px;background:var(--gold);opacity:.65;pointer-events:none}
.panel-title{font-size:11px;border-bottom:2px solid var(--line);padding:11px 13px;letter-spacing:.4px}
.panel-title button{font:11px var(--body)}
.empty-requests h3{font:400 15px/1.5 var(--display)}
.empty-requests p{font-size:15px;line-height:1.5}
.empty-cross{border:2px solid var(--line);box-shadow:3px 3px 0 #070603;font:27px var(--body)}
.small-button{font:12px var(--body);border:2px solid #e8b64f66;padding:8px 12px;box-shadow:2px 2px 0 #080603}
.stack-grid dt{font-size:10px}.stack-grid dd{font:20px var(--body)}.stack-grid small{font:9px var(--body)}
.stack-footer{font:11px/1.5 var(--body);border-top:2px solid var(--line)}
.handoff-list li>span{font:11px var(--body)}.handoff-list p{font:15px/1.4 var(--body)}
.handoff-list small{font:11px var(--body)}.handoff-list b{font:10px var(--body)}.panel-note{font:10px/1.5 var(--body)}
.template-intro h2,.privacy-section h2{font:400 30px/1.3 var(--display);letter-spacing:-.8px}
.template-intro>p:not(.eyebrow),.privacy-section>div>p:not(.eyebrow){font-size:16px;line-height:1.6}
.template-list button{border-top:2px solid var(--line)}.template-list button:last-child{border-bottom:2px solid var(--line)}
.template-number{font:12px var(--body)}.template-list strong{font:400 17px/1.5 var(--display)}.template-list small{font:15px/1.5 var(--body)}
.template-glyph{font:24px var(--body)}.step-number{font-size:12px}
.how-grid h2{font:400 22px/1.4 var(--display);letter-spacing:-.6px}.how-grid p{font-size:16px;line-height:1.6}
.how-grid article+article{border-left:2px solid var(--line)}.privacy-section{border-top:2px solid var(--line)}
.faq-list details{border-top:2px solid var(--line)}.faq-list details:last-child{border-bottom:2px solid var(--line)}
.faq-list summary{font:17px/1.5 var(--body)}.faq-list p{font:15px/1.6 var(--body)}
.faq-list summary span{font-family:var(--body)}.privacy-boundary{font:12px/1.7 var(--body)}
.closing-bar{border-top:2px solid var(--line);border-bottom:2px solid var(--line)}
.closing-bar p{font:400 18px/1.6 var(--display)}
footer p,footer nav{font:12px/1.5 var(--body)}footer small{font:10px/1.6 var(--body)}
dialog{border-width:2px;box-shadow:7px 7px 0 #050402,0 20px 100px #000a}
.utility-head{border-bottom:2px solid var(--line)}.dialog-close{font-family:var(--body);font-size:28px}
#utility-content h2{font:400 23px/1.4 var(--display);letter-spacing:-.5px}
#utility-content h3{font:400 16px/1.5 var(--display)}
#utility-content p{font:16px/1.65 var(--body)}#utility-content code{font:14px/1.6 var(--body)}
.terminal-output{font:15px/1.6 var(--body);border-width:2px}.terminal-form{font:15px var(--body);border-width:2px}
.terminal-form button,.terminal-hints button{font:12px var(--body)}
.terminal-hints button{border-width:2px}.toast{font:15px/1.4 var(--body);border:2px solid #110d08;box-shadow:4px 4px 0 #070603}
/* Forms retain their full functionality and all details, now with the same pixel type. */
.zp-dialog,.zp-workspace,.zprivacy-dialog{font-family:var(--body);border-width:2px;box-shadow:7px 7px 0 #050402,0 28px 100px #0009}
.zp-dialog :is(p,span,small,button,label,input,textarea,summary,code,strong,b,a),.zp-workspace :is(p,span,small,button,label,input,textarea,summary,code,strong,b,a),.zprivacy-dialog :is(p,span,small,button,label,input,textarea,summary,code,strong,b,a,li,dt,dd){font-family:var(--body)}
.zp-dialog h2,.zp-workspace h2,.zprivacy-dialog h2{font:400 24px/1.35 var(--display);letter-spacing:-.7px}
.zp-dialog-top,.zprivacy-top{border-bottom-width:2px}
.zp-close,.zprivacy-close{border-width:2px;font:28px/1 var(--body)}
.zp-eyebrow,.zprivacy-eyebrow{font-size:12px;letter-spacing:1.1px}
.zp-field>span,.zp-memo-details summary,.zprivacy-form label{font-size:14px;letter-spacing:.3px}
.zp-field small,.zp-memo-details summary span{font-size:11px}
.zp-field input,.zp-field textarea,.zp-result-uri,.zprivacy-form textarea,.zprivacy-generated{font-family:var(--body);font-size:16px;line-height:1.5;border-width:2px}
.zp-field input{height:48px}.zp-help,.zprivacy-help{font-size:12px;line-height:1.6}
.zp-privacy-note,.zp-receipt-note,.zp-workspace-description,.zprivacy-intro,.zprivacy-description,.zprivacy-conversion>p{font-size:14px;line-height:1.6}
.zp-button,.zprivacy-submit{font:400 12px/1.5 var(--display);border-width:2px;box-shadow:3px 3px 0 #060402;min-height:46px}
.zp-dialog .zp-button,.zp-workspace .zp-button,.zprivacy-dialog .zprivacy-submit{font-family:var(--display)}
.zp-button:not(:disabled):hover,.zprivacy-submit:not(:disabled):hover{box-shadow:1px 1px 0 #060402;transform:translate(2px,2px)}
.zp-button:disabled,.zprivacy-submit:disabled{box-shadow:none}
.zp-local-note,.zp-empty-footer,.zp-scan-help{font-size:11px}
.zp-preview-mark{font-family:var(--display);border:0;transform:none;box-shadow:none;width:64px;height:57px}
.zp-preview-mark img{width:64px;height:57px;object-fit:contain;image-rendering:pixelated}
.zp-preview-empty h3,.zp-workspace-empty h3{font:400 26px/1.4 var(--display);letter-spacing:-.8px}
.zp-preview-empty>p:not(.zp-eyebrow),.zp-workspace-empty p{font-size:16px;line-height:1.6}
.zp-amount-line{font-family:var(--display)}.zp-result-amount{font-size:36px;letter-spacing:-1px}
.zp-amount-line>span:last-child{font-size:16px}.zp-result-label,.zp-result-reference{font-size:14px}
.zp-result-address{font:13px/1.5 var(--body)}.zp-address-heading{font-size:11px}.zp-result-actions .zp-button{font-size:10px}
.zp-result-memo-row{font-size:13px}.zp-result-memo-row>span:first-child{font-family:var(--body)}
.zp-uri-details summary,.zp-inline-button,.zp-save{font-size:12px}.zp-result-uri{font-size:12px}
.zp-status{font:14px/1.6 var(--body)}.zp-saved-count,.zp-saved-date,.zp-workspace-notice{font-size:12px}
.zp-saved-info h3{font:400 14px/1.5 var(--display)}.zp-saved-info p{font-size:14px}
.zp-saved-amount{font:20px var(--body)}.zp-remove{font-size:12px}.zp-saved-actions .zp-button{font-size:10px}
.zp-shield-policy{border-width:2px;box-shadow:3px 3px 0 #070603}
.zp-shield-policy input{appearance:none;border:2px solid #a98b50;width:18px;height:18px;background:#15110b;display:grid;place-content:center;cursor:pointer;position:relative}
.zp-shield-policy input:checked{border-color:var(--gold);background:var(--gold)}
.zp-shield-policy input:checked:before{content:'';width:10px;height:8px;background:#18150f;clip-path:polygon(0 38%,20% 38%,20% 63%,40% 63%,40% 38%,60% 38%,60% 13%,80% 13%,80% 0,100% 0,100% 38%,80% 38%,80% 63%,60% 63%,60% 100%,20% 100%,20% 75%,0 75%)}
.zp-shield-policy input:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.zp-shield-policy strong{font:400 16px/1.4 var(--body)}.zp-shield-policy small{font:12px/1.5 var(--body)}
.zp-shield-policy b,.zp-shield-policy:has(input:not(:checked)) b:after{font-family:var(--body);font-size:10px}
.zp-result-privacy{font:11px/1.5 var(--body);border-width:2px;letter-spacing:.4px}
.zprivacy-status,.zprivacy-conversion label,.zprivacy-validation{font-size:12px;line-height:1.6}
.zprivacy-dialog h3{font:400 17px/1.4 var(--display);letter-spacing:-.4px}
.zprivacy-receivers li{font-size:13px}.zprivacy-result{border-width:2px;border-left-width:4px;box-shadow:3px 3px 0 #090704}
.zprivacy-boundaries h3{font-size:16px}.zprivacy-boundaries dt,.zprivacy-boundaries a{font-size:12px}.zprivacy-boundaries dd{font-size:14px;line-height:1.5}
/* The logo and UI glyphs have square edges; the landscape remains a continuous 3D scene. */
.console-emblem{font-family:var(--display);border-radius:0}.route-coin{border:0;border-radius:0;box-shadow:none}.route-coin img{width:32px;height:28px;image-rendering:pixelated}
.signal-node span{transform:none;box-shadow:3px 3px 0 #090704}
.console-head,.code-float,.event-row,.console-cols{font-family:var(--body)}
@media(min-width:1600px){.feature-row{grid-template-columns:36px 300px 1fr 240px}.feature-title h2{font-size:23px}h1{font-size:clamp(56px,3.7vw,70px)}}
@media(max-width:1200px){.navigation{gap:10px;padding-inline:14px}.navigation>a,.navigation>button{font-size:12px}.header>.brand{padding-inline:16px}.header-launch{font-size:10px;gap:12px;padding-inline:12px}.feature-row{grid-template-columns:26px 220px minmax(170px,1fr) 170px;gap:17px}.feature-title h2{font-size:18px}.feature-row p{font-size:15px}.text-button{font-size:13px}.hero-copy{grid-template-columns:1.35fr 1fr;gap:24px}.hero-description p{font-size:16px}.templates,.privacy-section{gap:60px}.template-intro h2,.privacy-section h2{font-size:27px}}
@media(max-width:900px){.navigation{gap:9px;padding-inline:12px}.navigation>a,.navigation>button{font-size:11px}.header>.brand{font-size:13px;padding-inline:12px;gap:8px}.header-launch{font-size:9px;gap:9px}.header-launch .button-square{width:26px}.hero-copy{grid-template-columns:1.2fr 1fr;gap:23px}h1{font-size:3.65vw;letter-spacing:-1px}.primary-button{font-size:10px}.feature-row{grid-template-columns:24px 200px 1fr;gap:18px}.feature-row>.text-button{grid-column:3;justify-self:start}.feature-row p{grid-column:3}.feature-title h2{font-size:18px}.section-heading h2{font-size:25px}.template-intro h2,.privacy-section h2{font-size:25px}.how-grid h2{font-size:19px}}
@media(max-width:760px){.header{height:60px}.header>.brand{font-size:13px;gap:9px;padding-inline:16px;border:0}.brand img{width:30px;height:27px}.header-launch{font-size:9px;padding-inline:11px;margin-left:auto;gap:0;border-left:2px solid var(--line)}.header-launch .button-square{display:none}.menu-toggle{width:48px}.navigation{top:60px;border-bottom:2px solid var(--line);padding:15px 20px;gap:0}.navigation>a,.navigation>button{font:14px/1.5 var(--body);padding-block:13px}.hero{min-height:850px;max-height:1000px}.hero-bottom{left:20px;right:20px;bottom:28px}.hero-copy{display:block;padding-top:20px}.hero-kicker{font-size:10px;max-width:300px;line-height:1.6;letter-spacing:1px}h1{font-size:clamp(25px,6.6vw,44px);line-height:1.25;letter-spacing:-.8px}.hero-description{margin-top:20px}.hero-description p{font-size:16px;line-height:1.5;max-width:500px;margin-bottom:20px}.primary-button{font-size:11px;min-height:51px}.protocol-strip{padding:22px 20px}.protocol-strip>p{font-size:11px}.protocol-strip dt{font-size:10px}.protocol-strip dd{font-size:19px}.protocol-strip dl>div:nth-child(odd){border-left:0}.section-pad{padding:64px 20px}.feature-row{grid-template-columns:23px minmax(0,1fr);gap:10px 14px;padding:26px 0}.feature-title{gap:9px}.feature-title h2{font-size:19px;line-height:1.4}.tag{font-size:9px}.feature-row p{grid-column:2;grid-row:2;font-size:15px;padding-top:2px}.feature-row>.text-button{grid-column:2;grid-row:3;font:14px/1.4 var(--body);padding:8px 0 5px;justify-self:start;gap:14px;margin-top:5px}.feature-row>.text-button span{font-size:20px}.feature-row>.text-button:focus-visible{font-size:14px}.section-heading h2{font-size:25px;line-height:1.3;max-width:100%}.section-heading p:not(.eyebrow){font-size:15px}.section-heading .text-button{font-size:14px}.template-intro h2,.privacy-section h2{font-size:26px;line-height:1.35}.template-intro>p:not(.eyebrow),.privacy-section>div>p:not(.eyebrow){font-size:15px}.template-list strong{font-size:16px}.template-list small{font-size:14px}.template-list button{gap:16px}.how-grid h2{font-size:23px;line-height:1.4}.how-grid p{font-size:15px}.how-grid article+article{border-left:0;border-top:2px solid var(--line)}.faq-list summary{font-size:16px}.faq-list p{font-size:15px}.closing-bar p{font-size:18px}.closing-bar .primary-button{font-size:11px}footer p{font-size:11px}footer nav{font-size:12px;gap:20px}footer small{font-size:10px;line-height:1.6}#utility-content h2{font-size:22px}#utility-content h3{font-size:16px}#utility-content p{font-size:15px}.terminal-output,.terminal-form{font-size:14px}.panel-title{font-size:10px}.zp-dialog h2,.zp-workspace h2,.zprivacy-dialog h2{font-size:20px;line-height:1.4}.zp-eyebrow,.zprivacy-eyebrow{font-size:10px}.zp-form{padding:24px 20px}.zp-preview{padding:26px 20px}.zp-dialog-top{padding:23px 20px}.zp-field>span{font-size:13px}.zp-field small{font-size:10px}.zp-field-row{gap:11px}.zp-field input,.zp-field textarea{padding-inline:10px;font-size:16px}.zp-button,.zprivacy-submit{font-size:11px}.zp-preview-empty h3,.zp-workspace-empty h3{font-size:22px}.zp-preview-empty>p:not(.zp-eyebrow){font-size:15px}.zp-saved-info h3{font-size:13px}.zp-saved-actions .zp-button{font-size:9px;padding-inline:10px}.zp-shield-policy{padding:13px 11px;gap:10px}.zp-shield-policy strong{font-size:16px}.zp-shield-policy small{font-size:11px}.zp-result-amount{font-size:32px}.zp-dialog--received .zp-result-amount{font-size:34px}.zprivacy-receivers li{font-size:12px}.zprivacy-dialog h3{font-size:15px}.zprivacy-boundaries h3{font-size:14px}}
@media(max-width:380px){.header>.brand{font-size:12px;gap:8px;padding-inline:12px}.brand img{width:27px;height:24px}.header-launch{font-size:8px;padding-inline:8px}.menu-toggle{width:40px}.hero-bottom{left:16px;right:16px}h1{font-size:6.6vw}.hero-description p{font-size:15px}.primary-button{font-size:10px}.section-pad{padding-inline:16px}.feature-title h2{font-size:18px}.template-intro h2,.privacy-section h2{font-size:23px}.zp-dialog h2,.zp-workspace h2,.zprivacy-dialog h2{font-size:18px}.zp-result-actions{grid-template-columns:1fr}.zp-field-row{grid-template-columns:1fr}.zp-form{padding-inline:16px}}
@media(prefers-reduced-motion:reduce){.primary-button:hover,.primary-button:active,.zp-button:not(:disabled):hover,.zprivacy-submit:not(:disabled):hover{transform:none}}
