:root{color-scheme:light;--ink:#183c39;--muted:#5c716b;--green:#11644c;--line:#d7e3dc;--paper:#f6f8f2;--wash:#e6f3e8;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}body{margin:0}main{max-width:1480px;margin:auto;padding:32px 52px 22px}header,.brand,.live,footer{display:flex;align-items:center}.brand{text-decoration:none;color:var(--green);font-size:38px;font-weight:800;gap:14px}.brand span{font-size:15px;letter-spacing:.2em}.live{margin-left:auto;font-size:15px;gap:9px}.live:before{content:'';width:8px;height:8px;border-radius:50%;background:#94a59b}.live.connected:before{background:#2b8e67;box-shadow:0 0 0 5px #e0eddf}button{margin-left:24px;border:1px solid var(--line);padding:9px 14px;border-radius:8px;background:transparent;color:var(--muted);font:inherit;font-size:13px;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--green);outline-offset:5px}.intro{margin:28px 0 24px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.16em;margin:0 0 9px;color:var(--muted)}h1{font-size:clamp(32px,3.2vw,49px);letter-spacing:-.045em;line-height:1.12;margin:0 0 10px;font-weight:600}.intro>p:last-child{color:var(--muted);font-size:17px;margin:0}#stages{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;padding:0;list-style:none;margin:0 0 24px}#stages li{border-top:3px solid var(--line);padding:12px 0 0;font-size:14px;color:var(--muted)}#stages li span{display:inline-flex;width:23px;height:23px;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:50%;margin-right:8px;font-size:11px}#stages li.done,#stages li.current{border-color:var(--green);color:var(--green)}#stages li.current{font-weight:700}#stages li.done span,#stages li.current span{background:var(--green);color:white;border-color:var(--green)}#outcome{display:flex;align-items:center;gap:22px;border:1px solid var(--line);border-radius:16px;padding:23px 28px;background:#fff;min-height:128px}#outcome h2{font-size:clamp(25px,2.8vw,40px);letter-spacing:-.035em;line-height:1.12;margin:0 0 8px;font-weight:600}#outcome p:last-child{color:var(--muted);font-size:16px;margin:0;white-space:pre-line}.outcome-icon{width:58px;height:58px;display:grid;place-items:center;flex-shrink:0;border:1px solid var(--line);border-radius:50%;font-size:29px;color:var(--green)}#outcome.confirmed{background:var(--green);color:#fff;border-color:var(--green)}#outcome.confirmed .eyebrow,#outcome.confirmed p:last-child{color:#d9f0df}#outcome.confirmed .outcome-icon{background:#fff;color:var(--green);border:0}#outcome.attention{background:#fff4df;border-color:#e5c68c}#outcome.attention .outcome-icon{color:#8f5612;border-color:#e5c68c}#outcome.pending{background:#edf2fa;border-color:#cddbec}.catalogs{display:grid;grid-template-columns:1fr 1.45fr;gap:28px;margin-top:24px}.catalogs h2{font-size:14px;color:var(--muted);margin:0 0 11px;font-weight:500}.cards{display:flex;gap:10px}.card{flex:1;min-width:0;border:1px solid var(--line);border-radius:12px;background:#fff;padding:18px 16px;min-height:112px;position:relative}.card strong{display:block;font-size:22px;font-weight:600;letter-spacing:-.025em;padding-right:14px}.card small{display:block;margin-top:8px;color:var(--muted);font-size:13px}.card.selected{background:var(--wash);border:2px solid var(--green);padding:17px 15px}.card.selected:after{content:'✓';position:absolute;right:12px;top:16px;color:var(--green);font-weight:700}.details{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:12px;margin-top:22px}.field{border:1px solid var(--line);border-radius:12px;padding:17px 20px;min-height:112px;background:#fff}.field p{font-size:13px;color:var(--muted);margin:0 0 10px}.field strong{display:block;font-size:24px;font-weight:600;letter-spacing:-.025em}.field span{display:block;color:var(--muted);margin-top:8px;font-size:13px}.field.filled{background:var(--wash);border-color:#97bba5}.field.checking{background:#fff4df;border-color:#e5c68c}.field.checking span{color:#8f5612}.placeholder{color:var(--muted);font-size:15px}footer{justify-content:space-between;color:var(--muted);font-size:11px;margin-top:23px}
@media(min-width:1600px){main{padding-top:40px}.intro{margin-top:40px;margin-bottom:32px}#stages{margin-bottom:32px}#outcome{padding:30px}.catalogs{margin-top:32px}.card{min-height:130px;padding-top:24px}.card.selected{padding-top:23px}.details{margin-top:28px}.field{min-height:130px}footer{margin-top:30px}}
@media(max-width:850px){main{padding:22px}.catalogs{grid-template-columns:1fr}.details{grid-template-columns:1fr 1fr}.field:first-child{grid-column:1/-1}#stages{gap:6px}#stages li{font-size:11px}#stages li span{display:flex;margin-bottom:6px}.live{font-size:12px}.brand span{font-size:11px}button{margin-left:12px}#outcome{padding:20px;gap:16px}.card strong{font-size:18px}}
@media(prefers-reduced-motion:no-preference){.card,.field,#outcome{transition:background-color .22s,border-color .22s}}