:root{--ink: #00111f;--violet: #7c3aed;--muted: #4d5862;--rule: rgba(0, 17, 31, .08);--rule-strong: rgba(0, 17, 31, .15);--field: rgba(0, 17, 31, .3);--sans: "Helvetica Now Text", "Helvetica Neue", Helvetica, Arial, sans-serif;--mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}*{box-sizing:border-box}body{margin:0;background:#fff;color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}:focus-visible{outline:2px solid var(--violet);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.eyebrow,.label,.meta,.btn,.segmented button,.tabs button{font-family:var(--mono);text-transform:uppercase;letter-spacing:.1em}.eyebrow{font-size:11px;font-weight:700;color:var(--violet)}.meta{font-size:10px;color:#00111fb3}.bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px clamp(24px,4vw,48px);border-bottom:1px solid var(--rule)}.bar-logo{display:flex;min-height:44px;align-items:center}.bar-logo img{display:block;height:32px;width:auto}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,480px),1fr));max-width:1200px;margin:0 auto;border-left:1px solid var(--rule);border-right:1px solid var(--rule)}.panel{display:flex;flex-direction:column;gap:28px;min-width:0;padding:clamp(32px,4vw,56px)}.panel:first-child{border-right:1px solid var(--rule)}.display{margin:16px 0 0;font-size:40px;font-weight:900;line-height:.95;letter-spacing:-.05em;text-transform:uppercase}.outline{color:transparent;-webkit-text-stroke:1.5px var(--ink)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:24px}.field{display:block}.label{display:block;margin-bottom:8px;font-size:10px;font-weight:700;color:var(--muted)}.req{color:var(--violet)}.opt{font-weight:400}.field input{width:100%;padding:10px 0;border:0;border-bottom:1px solid var(--field);border-radius:0;background:transparent;font:inherit;font-size:16px;color:var(--ink)}.field input::placeholder{color:#66707a}.field input:focus{outline:none;border-bottom-color:var(--violet)}.segmented{display:flex;border:1px solid var(--rule-strong)}.segmented button{flex:1;min-height:44px;border:0;background:transparent;color:#00111fb3;font-size:11px;font-weight:700;cursor:pointer}.segmented button+button{border-left:1px solid var(--rule-strong)}.segmented button[aria-pressed=true]{background:var(--ink);color:#fff}.preview-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px}.preview-box{display:flex;justify-content:safe center;overflow-x:auto;padding:40px clamp(12px,3vw,40px);border:1px solid var(--rule-strong)}.actions{display:grid;grid-template-columns:2fr 1fr;gap:12px}.btn{min-height:52px;padding:0 16px;border:1px solid var(--ink);font-size:11px;font-weight:700;cursor:pointer;transition:background-color .3s,color .3s,border-color .3s}.btn-filled{background:var(--ink);color:#fff}.btn-filled:hover,.btn-filled:active{background:var(--violet);border-color:var(--violet)}.btn-outline{background:transparent;color:var(--ink)}.btn-outline:hover,.btn-outline:active{background:var(--ink);color:#fff}.guide{display:flex;flex-direction:column;gap:16px;padding-top:20px;border-top:1px solid var(--rule-strong)}.tabs{display:flex;flex-wrap:wrap;gap:24px}.tabs button{min-height:44px;padding:0;border:0;border-bottom:2px solid transparent;background:transparent;color:#00111fb3;font-size:11px;font-weight:700;cursor:pointer}.tabs button[aria-selected=true]{border-bottom-color:var(--violet);color:var(--ink)}.guide ol{display:flex;flex-direction:column;gap:8px;margin:0;padding-left:20px;font-size:14px;line-height:1.6;color:#00111fb3}.gate{display:grid;min-height:100vh;place-items:center;padding:24px}.gate-box{display:flex;flex-direction:column;gap:24px;width:min(100%,360px)}.gate-box img{display:block;width:150px;height:auto}.error{font-size:14px;color:#dc2626}@media(max-width:520px){.field-row,.actions{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.btn{transition:none}}