@import"https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap";:root{--bg:#F6F5F2;--bg-2:#FFFFFF;--surface:#FFFFFF;--surface-2:#FAF9F7;--surface-3:#F1EFEB;--line:rgba(24,20,17,.1);--line-2:rgba(24,20,17,.06);--line-strong:rgba(24,20,17,.17);--text:#1B1612;--text-2:#494139;--muted:#7C7166;--faint:#A89D8F;--brand:#F5380D;--brand-strong:#D62D08;--brand-soft:#FFEEE8;--brand-soft-2:#FFE0D5;--brand-ink:#FFFFFF;--good:#0E9F6E;--good-bg:#E6F6EF;--good-line:rgba(14,159,110,.28);--bad:#E02424;--bad-bg:#FDECEC;--bad-line:rgba(224,36,36,.26);--amber:#B45309;--amber-bg:#FDF3E2;--amber-line:rgba(180,83,9,.24);--radius:14px;--radius-sm:10px;--radius-lg:20px;--radius-pill:999px;--shadow-sm:0 1px 2px rgba(20,16,12,.05), 0 1px 3px rgba(20,16,12,.06);--shadow:0 2px 6px rgba(20,16,12,.05), 0 12px 28px -14px rgba(20,16,12,.18);--shadow-lg:0 18px 50px -20px rgba(20,16,12,.22);--ring:0 0 0 3px rgba(245,56,13,.16);--maxw:1200px;--ease:cubic-bezier(.22,1,.36,1);color-scheme:light}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{background:radial-gradient(1000px 520px at 100% -8%,rgba(245,56,13,.055),transparent 60%),radial-gradient(800px 420px at -5% 110%,rgba(245,56,13,.035),transparent 55%),var(--bg);background-attachment:fixed;color:var(--text);font-family:Hanken Grotesk,system-ui,-apple-system,sans-serif;font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{font-family:Hanken Grotesk,sans-serif;color:var(--text);margin:0 0 .4em;letter-spacing:-.015em;font-weight:700;line-height:1.15}h1{font-size:34px}h2{font-size:26px}h3{font-size:19px}h4{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--muted);margin:22px 0 12px}a{color:var(--brand);text-decoration:none}a:hover{color:var(--brand-strong)}.mono,code{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.9em;letter-spacing:-.01em}.muted{color:var(--muted)}.faint{color:var(--faint)}::selection{background:#f5380d2e}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-thumb{background:#dad5cd;border:3px solid var(--bg);border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#c6c0b6}.brand{display:flex;align-items:center;gap:12px}.brand-logo{height:42px;width:auto;display:block}.auth-logo{height:62px;width:auto;display:block;margin:0 auto 10px}.btn{font:inherit;font-weight:600;cursor:pointer;border-radius:var(--radius-sm);padding:10px 16px;border:1px solid transparent;transition:background .18s,border-color .18s,box-shadow .18s,transform .1s var(--ease)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background:var(--brand);color:var(--brand-ink);box-shadow:0 1px 2px #f5380d40,0 8px 18px -8px #f5380d80}.btn-primary:hover:not(:disabled){background:var(--brand-strong)}.btn-ghost,.btn-secondary{background:var(--surface);color:var(--text);border-color:var(--line-strong)}.btn-ghost:hover:not(:disabled){background:var(--surface-2);border-color:var(--muted)}input,textarea,select{width:100%;font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius-sm);padding:10px 12px;transition:border-color .18s,box-shadow .18s}input::placeholder,textarea::placeholder{color:var(--faint)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--brand);box-shadow:var(--ring)}.panel,.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.header-shell{position:sticky;top:0;z-index:50;background:#ffffffd1;-webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%);border-bottom:1px solid var(--line)}.pill{display:inline-block;padding:3px 10px;border-radius:var(--radius-pill);font-size:12px;font-weight:700}.pill-ok{color:var(--good);background:var(--good-bg)}.pill-bad,.pill-danger{color:var(--bad);background:var(--bad-bg)}.pill-mute{color:var(--muted);background:var(--surface-3)}:focus-visible{outline:2px solid var(--brand);outline-offset:2px}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.shell{--brand: #F5380D;position:relative;min-height:100vh;padding:clamp(18px,4vw,44px)}.shell:after{content:"";position:fixed;top:0;left:0;right:0;height:3px;background:var(--brand);z-index:100}.workspace{position:relative;z-index:1;width:min(1120px,100%);margin:0 auto;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-lg);overflow:hidden}.host-header{display:flex;align-items:center;gap:16px;padding:clamp(18px,3.5vw,28px) clamp(20px,4vw,32px);border-bottom:1px solid var(--line);background:var(--surface-2)}.product-lockup{display:flex;align-items:center;gap:12px;flex:0 0 auto}.zetta-logo{height:46px;width:auto;display:block;object-fit:contain;flex:0 0 auto}.product-copy{display:flex;flex-direction:column;gap:2px}.product-name{font-family:Hanken Grotesk,ui-sans-serif,system-ui,sans-serif;font-size:18px;font-weight:700;color:var(--text);line-height:1;letter-spacing:-.015em}.product-sub{font-size:11px;font-weight:600;color:var(--muted);line-height:1}.product-lockup+.merchant-lockup:before{content:"";display:block;width:1px;height:32px;background:var(--line-strong);margin-right:2px;flex:0 0 auto}.merchant-lockup{display:flex;min-width:0;align-items:center;gap:12px;flex:1}.brand-mark{width:44px;height:44px;border-radius:12px;flex:0 0 auto;display:grid;place-items:center;background:var(--brand-soft);border:1.5px solid var(--brand-soft-2);color:var(--brand);font-size:18px;font-weight:800}.merchant-lockup .brand-logo{height:44px;width:44px;border-radius:12px;object-fit:contain;border:1px solid var(--line);background:var(--surface);padding:4px;flex:0 0 auto}.eyebrow,.panel-kicker,.progress-label{margin:0;color:var(--muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em}.merchant-lockup h1{margin-bottom:0;color:var(--text);font-size:clamp(20px,3vw,28px);line-height:1.1;letter-spacing:-.015em}.trust-badge{flex:0 0 auto;margin-left:auto;display:flex;align-items:center;gap:6px;border:1px solid var(--good-line);border-radius:var(--radius-pill);padding:6px 12px 6px 10px;background:var(--good-bg);color:var(--good);font-size:12px;font-weight:700;line-height:1;white-space:nowrap}.trust-icon{width:16px;height:16px;flex:0 0 auto;color:var(--good)}.notice{margin:16px clamp(20px,4vw,32px) 0}.progress-band{display:grid;grid-template-columns:minmax(170px,240px) 1fr;align-items:center;gap:16px;margin:clamp(16px,3vw,24px) clamp(20px,4vw,32px);padding:14px 16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2)}.progress-band strong{display:block;margin-top:3px;color:var(--text);font-size:16px;font-weight:700}.progress-track{height:6px;overflow:hidden;border-radius:var(--radius-pill);background:var(--surface-3)}.progress-track span{display:block;height:100%;border-radius:inherit;background:var(--brand);transition:width .3s var(--ease)}.verification-grid{display:grid;grid-template-columns:minmax(240px,300px) 1fr;gap:16px;padding:0 clamp(20px,4vw,32px) clamp(20px,4vw,32px)}.step-list{display:grid;gap:8px;align-content:start}.step-card{width:100%;min-height:76px;display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid var(--line);border-radius:var(--radius);padding:12px;background:var(--surface);color:var(--text);cursor:pointer;text-align:left;box-shadow:var(--shadow-sm);transition:border-color .14s ease,box-shadow .14s ease,background .14s ease}.step-card:hover{border-color:var(--line-strong);background:var(--surface-2)}.step-card.active{border-color:var(--brand-soft-2);border-left:3px solid var(--brand);background:var(--brand-soft);box-shadow:var(--shadow)}.step-card.verified{border-color:var(--good-line);background:var(--good-bg)}.step-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:var(--radius-pill);background:var(--surface-3);color:var(--muted);font-size:12px;font-weight:700}.step-card.active .step-icon,.step-card.in_progress .step-icon{background:var(--brand);color:var(--brand-ink)}.step-card.verified .step-icon{background:var(--good);color:#fff;font-size:0}.step-card.verified .step-icon:after{content:"";display:block;width:14px;height:14px;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.5 7l3 3 6-6' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.step-copy{display:grid;gap:3px;min-width:0}.step-copy strong{font-size:14px;font-weight:700;color:var(--text)}.step-copy small{color:var(--muted);font-size:11px;line-height:1.4}.status-chip,.verified-seal{justify-self:end;border-radius:var(--radius-pill);padding:4px 8px;background:var(--surface-3);color:var(--muted);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.step-card.verified .status-chip,.verified-seal{background:var(--good-bg);color:var(--good)}.step-card.in_progress .status-chip{background:var(--brand-soft);color:var(--brand)}.form-panel{min-width:0}.form,.state-panel{display:grid;gap:20px;min-height:100%;padding:clamp(20px,4vw,28px);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm)}.form-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.form-heading h2{margin-bottom:0;font-size:clamp(20px,2.5vw,26px);line-height:1.15}.panel-kicker{margin-bottom:4px}.helper{margin:0;color:var(--muted);font-size:14px;line-height:1.6}.helper strong{color:var(--text);font-family:IBM Plex Mono,ui-monospace,monospace}label{display:grid;gap:6px;color:var(--muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em}label input{width:100%;min-height:48px;padding:13px 14px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font-size:15px;font-weight:500;outline:none;transition:border-color .12s ease,box-shadow .12s ease;font-family:IBM Plex Mono,ui-monospace,monospace;text-transform:uppercase;letter-spacing:.06em}label input[type=date]{font-family:Hanken Grotesk,ui-sans-serif,system-ui,sans-serif;text-transform:none;letter-spacing:0}label input:focus{border-color:var(--brand);background:var(--surface);box-shadow:var(--ring)}label input::placeholder{color:var(--faint);text-transform:none;letter-spacing:0;font-family:Hanken Grotesk,ui-sans-serif,system-ui,sans-serif}label:has(input[inputmode=numeric]){text-align:center}label:has(input[inputmode=numeric]) input{text-align:center;font-size:24px;font-weight:600;letter-spacing:.35em;padding:16px 20px;min-height:64px;font-family:IBM Plex Mono,ui-monospace,monospace}.action-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}.action-row button,.state-panel button,.redirect-panel button{min-height:48px;border:1px solid transparent;border-radius:var(--radius-sm);padding:12px 22px;background:var(--brand);color:var(--brand-ink);font-size:15px;font-weight:700;cursor:pointer;letter-spacing:.01em;transition:background .12s ease,box-shadow .12s ease,transform 80ms ease;box-shadow:0 1px 2px #f5380d40,0 8px 18px -8px #f5380d80}.action-row button:hover:not(:disabled),.state-panel button:hover:not(:disabled),.redirect-panel button:hover:not(:disabled){background:var(--brand-strong);transform:translateY(-1px)}.action-row button:active,.state-panel button:active,.redirect-panel button:active{transform:translateY(0)}.action-row button:disabled,.state-panel button:disabled,.redirect-panel button:disabled{opacity:.5;cursor:default}.action-row button.secondary{border:1px solid var(--line-strong);background:var(--surface);color:var(--text);box-shadow:none}.action-row button.secondary:hover:not(:disabled){background:var(--surface-2);border-color:var(--muted)}.verified-panel{display:grid;gap:6px;border:1px solid var(--good-line);border-radius:var(--radius);padding:16px 18px;background:var(--good-bg);color:var(--good)}.verified-panel strong{font-size:15px;font-weight:700;display:flex;align-items:center;gap:7px;color:var(--good)}.verified-panel strong:before{content:"";display:inline-block;width:18px;height:18px;border-radius:var(--radius-pill);background:var(--good);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.5 9l3 3 6-6' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;flex:0 0 auto}.verified-panel p{margin-bottom:0;color:var(--text-2);font-size:13px}.verified-seal{background:var(--good-bg);color:var(--good);border:1px solid var(--good-line);padding:5px 10px;font-size:11px}.error,.success{padding:14px 18px;border-radius:var(--radius);font-size:14px;line-height:1.5}.error{border:1px solid var(--bad-line);background:var(--bad-bg);color:var(--bad)}.success{border:1px solid var(--good-line);background:var(--good-bg);color:var(--good)}.state-panel{text-align:center;align-content:center;justify-items:center;padding:clamp(32px,6vw,56px) clamp(20px,4vw,48px)}.state-panel h2{font-size:clamp(22px,3vw,30px);margin-bottom:10px}.state-panel p{color:var(--muted);max-width:400px;line-height:1.6}.state-panel.success{border-color:var(--good-line);background:var(--good-bg)}.state-panel.error{border-color:var(--bad-line);background:var(--bad-bg)}.state-panel.success h2{color:var(--good)}.state-panel.error h2{color:var(--bad)}.state-panel.success p,.state-panel.error p{color:var(--text-2)}.redirect-panel{display:flex;flex-direction:column;gap:14px;align-items:flex-start}.host-footer{display:flex;align-items:center;justify-content:center;gap:8px;margin:18px auto 0;color:var(--muted);font-size:12px;font-weight:600}.host-footer .footer-logo{height:18px;width:auto;display:block;object-fit:contain;opacity:.85}@media (max-width: 820px){.shell{padding:12px}.workspace{border-radius:var(--radius)}.host-header{flex-wrap:wrap;gap:12px}.merchant-lockup{order:2;width:100%}.trust-badge{margin-left:0;order:3}.progress-band,.verification-grid,.step-list{grid-template-columns:1fr}.step-card{grid-template-columns:32px minmax(0,1fr)}.status-chip{grid-column:2;justify-self:start}}@media (max-width: 560px){.merchant-lockup .brand-logo,.brand-mark{width:40px;height:40px;border-radius:10px}.progress-band{margin:14px}.verification-grid{padding:0 14px 14px}.form,.state-panel{padding:18px;border-radius:var(--radius)}.form-heading{display:grid}.action-row button{width:100%}label:has(input[inputmode=numeric]) input{font-size:20px;letter-spacing:.28em}}