:root{color-scheme:light dark;--bg: #f3f0fa;--surface: #ffffff;--surface-2: #faf9fd;--ink: #241b36;--muted: #6f6588;--line: #e3dcf1;--accent: #6c3bd1;--accent-strong: #5a2eb5;--accent-soft: #efe8fc;--on-accent: #ffffff;--ok: #157a4c;--ok-soft: #e4f5ec;--bad: #c22f45;--bad-soft: #fdeaee;--warn: #8f6410;--warn-soft: #faf2dd;--bezel: #191322;--bezel-edge: #3a2f4d;--shadow: 0 24px 60px rgba(46, 24, 94, .16);--mono: ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, monospace}@media(prefers-color-scheme:dark){:root{--bg: #131020;--surface: #1e1830;--surface-2: #251d3a;--ink: #efeaf9;--muted: #a89bc4;--line: #352a52;--accent: #a98bff;--accent-strong: #bda4ff;--accent-soft: #2c2148;--on-accent: #1b1030;--ok: #5cd695;--ok-soft: #17332a;--bad: #ff8296;--bad-soft: #3a1c28;--warn: #e5b964;--warn-soft: #372a12;--bezel: #0a0812;--bezel-edge: #3d3356;--shadow: 0 24px 60px rgba(0, 0, 0, .5)}}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.45;color:var(--ink);background:radial-gradient(1100px 560px at 72% -12%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 72%),var(--bg);-webkit-font-smoothing:antialiased}h1,h2,p,fieldset,figure{margin:0}.stage{max-width:1120px;margin:0 auto;padding:40px 20px 96px}.masthead{max-width:640px;margin-bottom:36px}.brand{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:13px;font-weight:600;letter-spacing:.02em;color:var(--accent)}.brand svg{width:20px;height:20px}.masthead h1{margin:12px 0 8px;font-size:clamp(27px,4vw,40px);font-weight:800;letter-spacing:-.03em;line-height:1.05}.lede{color:var(--muted);font-size:15px;max-width:54ch}.stage-grid{display:grid;gap:28px}.device-zone{display:flex;flex-direction:column;align-items:center;gap:16px;min-width:0}.phone{position:relative;width:min(400px,100%);padding:12px;border-radius:54px;background:var(--bezel);box-shadow:var(--shadow),inset 0 0 0 2px var(--bezel-edge)}.phone-island{position:absolute;top:24px;left:50%;transform:translate(-50%);width:106px;height:28px;border-radius:14px;background:var(--bezel);z-index:6}.screen{position:relative;height:clamp(560px,74vh,800px);border-radius:42px;background:var(--surface);overflow-y:auto;overscroll-behavior:contain}.statusbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:16px 26px 6px;background:color-mix(in srgb,var(--surface) 78%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-family:var(--mono);font-size:13px;font-weight:600}.statusbar-glyphs{width:56px;height:12px;color:var(--ink)}.checkout{display:flex;flex-direction:column;gap:20px;padding:14px 24px 30px}.merchant{display:flex;align-items:center;gap:12px;margin-top:14px}.merchant-mark{display:grid;place-items:center;width:46px;height:46px;flex:none;border-radius:13px;background:var(--accent);color:var(--on-accent)}.merchant-mark svg{width:26px;height:26px}.merchant-text{display:flex;flex-direction:column;gap:1px;min-width:0}.merchant-name{font-size:17px;font-weight:700;letter-spacing:-.01em}.merchant-order{color:var(--muted);font-size:13px}.amount{display:flex;flex-direction:column;gap:2px;padding:14px 18px;border-radius:16px;background:var(--accent-soft)}.amount-label{font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:color-mix(in srgb,var(--accent) 72%,var(--ink))}.amount-value{font-size:31px;font-weight:750;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.pay-form{display:flex;flex-direction:column;gap:16px}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:13px;font-weight:600;color:var(--muted)}.field input{font:inherit;font-size:16px;color:var(--ink);padding:12px 14px;border:1.5px solid var(--line);border-radius:12px;background:var(--surface-2);transition:border-color .15s ease,box-shadow .15s ease}.field input::placeholder{color:color-mix(in srgb,var(--muted) 62%,transparent)}.field input:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 26%,transparent)}.field input[aria-invalid=true]{border-color:var(--bad)}.field--rut input{font-variant-numeric:tabular-nums;letter-spacing:.02em}.field--rut .rutk-error{font-size:13px}.pay-button{margin-top:6px;padding:14px;border:none;border-radius:14px;background:var(--accent);color:var(--on-accent);font:inherit;font-size:16px;font-weight:650;cursor:pointer;transition:background .15s ease,transform .1s ease}.pay-button:hover{background:var(--accent-strong)}.pay-button:active{transform:translateY(1px)}.pay-button:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 45%,transparent);outline-offset:2px}.pay-button:disabled{opacity:.6;cursor:default;transform:none}.verdicts{display:flex;flex-direction:column;gap:8px;border-top:1px dashed var(--line);padding-top:14px}.verdicts[hidden]{display:none}.verdicts-title{font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.verdict{display:flex;align-items:baseline;gap:10px;padding:10px 12px;border-radius:12px;border:1px solid transparent;font-size:14px;animation:verdict-in .25s ease-out}.verdict-tag{flex:none;font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;padding:2px 9px;border-radius:999px;border:1px solid currentColor}.verdict[data-state=ok]{color:var(--ok);background:var(--ok-soft);border-color:color-mix(in srgb,var(--ok) 28%,transparent)}.verdict[data-state=bad]{color:var(--bad);background:var(--bad-soft);border-color:color-mix(in srgb,var(--bad) 28%,transparent)}.verdict[data-state=warn]{color:var(--warn);background:var(--warn-soft);border-color:color-mix(in srgb,var(--warn) 30%,transparent)}.verdict[data-state=pending]{color:var(--muted);background:var(--surface-2);border-color:var(--line);animation:verdict-in .25s ease-out,verdict-pulse 1.2s ease-in-out infinite alternate}@keyframes verdict-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes verdict-pulse{0%{opacity:.55}to{opacity:1}}.checkout-foot{color:var(--muted);font-size:12px;text-align:center}.device-note{max-width:400px;color:var(--muted);font-size:13px;text-align:center}.bench{min-width:0}.panel{border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--surface) 82%,transparent);overflow:hidden}.panel summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 18px;font-weight:650;cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none}.panel summary::-webkit-details-marker{display:none}.panel summary:after{content:"";width:9px;height:9px;flex:none;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg);transition:transform .15s ease}.panel[open] summary:after{transform:rotate(-135deg)}.panel summary:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 45%,transparent);outline-offset:-3px;border-radius:16px}.panel-body{display:flex;flex-direction:column;gap:22px;padding:6px 18px 20px}.control-group{min-width:0;border:none;padding:0}.control-group legend{padding:0;margin-bottom:10px;font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.seg{display:flex;gap:3px;padding:3px;border:1px solid var(--line);border-radius:11px;background:var(--bg)}.seg-opt{flex:1 1 auto;position:relative;min-width:0}.seg-opt input{position:absolute;width:1px;height:1px;margin:-1px;clip-path:inset(50%);appearance:none}.seg-opt span{display:block;padding:7px 4px;border-radius:8px;text-align:center;font-size:13px;font-weight:550;color:var(--muted);cursor:pointer;white-space:nowrap;transition:background .12s ease,color .12s ease}.seg-opt input:checked+span{background:var(--accent);color:var(--on-accent)}.seg-default{font-size:10px;font-weight:450;opacity:.75}.seg-opt input:focus-visible+span{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 40%,transparent)}.ctl{display:flex;flex-direction:column;gap:4px}.ctl+.ctl{margin-top:10px}.ctl label{font-size:13px;color:var(--muted)}.ctl-row{display:flex;align-items:center;gap:12px}.ctl-row input[type=range]{flex:1;min-width:0;accent-color:var(--accent)}.ctl-row output{flex:none;min-width:58px;text-align:right;font-family:var(--mono);font-size:13px;font-variant-numeric:tabular-nums}.hint{margin-top:8px;font-size:12px;line-height:1.5;color:var(--muted)}.hint code{font-family:var(--mono);font-size:11px;padding:1px 6px;border-radius:6px;background:var(--accent-soft);color:color-mix(in srgb,var(--accent) 78%,var(--ink))}.panel-note{padding-top:14px;border-top:1px dashed var(--line);font-size:12px;line-height:1.5;color:var(--muted)}@media(min-width:1000px){.stage-grid{grid-template-columns:minmax(0,1fr) 360px;align-items:start}.bench{position:sticky;top:28px}.panel summary{pointer-events:none}.panel summary:after{display:none}}@media(max-width:999.98px){.stage{padding:24px 16px 72px}.masthead{margin-bottom:20px}.bench{order:-1}.phone{width:100%;padding:0;border-radius:0;background:none;box-shadow:none}.phone-island,.statusbar,.device-note{display:none}.device-zone{margin-inline:-16px}.screen{height:auto;border-radius:0;border-block:1px solid var(--line);overflow:visible}.checkout{padding:20px 16px 26px}.merchant{margin-top:0}}@media(prefers-reduced-motion:reduce){.verdict,.verdict[data-state=pending]{animation:none}.field input,.pay-button,.seg-opt span,.panel summary:after{transition:none}}