.demo-page{background:#e9efec}.demo-safe{display:flex;align-items:center;gap:7px;font:10px 'DM Mono';letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.demo-safe i{width:7px;height:7px;border-radius:50%;background:var(--signal);box-shadow:0 0 9px var(--signal)}.demo-shell{max-width:1450px;margin:auto;padding:75px 5vw 120px}.demo-intro{display:grid;grid-template-columns:1.15fr .7fr;gap:8vw;align-items:end;margin-bottom:58px}.demo-intro h1{font-size:clamp(48px,6vw,90px)}.demo-intro>p{font-size:17px;line-height:1.7;color:var(--muted);max-width:520px;margin:0 0 6px}.commission{display:grid;grid-template-columns:275px 1fr;min-height:640px;border:1px solid #aebcb6;background:var(--white);box-shadow:14px 14px 0 #b9d8ce}.commission-rail{background:var(--ink);color:white;padding:30px 26px;display:flex;flex-direction:column}.commission-rail>p{font:11px 'DM Mono';letter-spacing:.08em;text-transform:uppercase;color:#9cadab;margin:0 0 30px}.commission-rail ol{list-style:none;padding:0;margin:0}.commission-rail li{display:flex;align-items:center;gap:13px;padding:13px 0;font-size:13px;color:#73817e}.commission-rail li span{width:28px;height:28px;display:grid;place-items:center;border:1px solid #465451;font:10px 'DM Mono'}.commission-rail li.current{color:white}.commission-rail li.current span{background:var(--acid);border-color:var(--acid);color:var(--ink)}.commission-rail li.done{color:#a8b7b3}.commission-rail li.done span{background:var(--signal);border-color:var(--signal);color:white}.boundary-note{margin-top:auto;border-top:1px solid #34413f;padding-top:20px;display:grid;gap:7px}.boundary-note b{font:11px 'DM Mono';color:var(--acid)}.boundary-note span{font-size:11px;line-height:1.5;color:#91a09d}.wizard{padding:44px 52px}.wizard form{height:100%;display:flex;flex-direction:column}.wizard-panel{display:none;border:0;padding:0;margin:0;min-inline-size:0}.wizard-panel.active{display:block;animation:panel-in .28s ease-out}.wizard-panel legend{font:700 clamp(29px,3vw,44px)/1.08 Syne;letter-spacing:-.035em;padding:0;margin-bottom:32px}.wizard-panel legend small{display:block;font:10px 'DM Mono';letter-spacing:.1em;color:var(--signal);margin-bottom:12px;text-transform:uppercase}.panel-copy{color:var(--muted);margin:-18px 0 28px;line-height:1.6}.field{display:grid;gap:9px;font:11px 'DM Mono';text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:28px 0}.field input{height:52px;border:0;border-bottom:1px solid var(--ink);background:#f2f5f3;padding:0 15px;font:600 16px Manrope;color:var(--ink);outline:none}.field input:focus{box-shadow:inset 4px 0 var(--signal);border-color:var(--signal)}.choice-grid,.provider-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.provider-grid{grid-template-columns:1fr 1fr}.choice-grid label,.provider-grid label,.authority-list label{cursor:pointer}.choice-grid input,.provider-grid input,.authority-list input{position:absolute;opacity:0;pointer-events:none}.choice-grid span,.provider-grid span{display:grid;gap:7px;border:1px solid var(--line);padding:20px;min-height:105px;transition:.18s}.choice-grid b,.provider-grid b,.authority-list b{font-size:13px}.choice-grid small,.provider-grid small,.authority-list small{font-size:11px;line-height:1.45;color:var(--muted)}.choice-grid input:checked+span,.provider-grid input:checked+span{border-color:var(--ink);box-shadow:inset 0 -4px var(--acid);background:#f6f9f7}.choice-grid input:focus-visible+span,.provider-grid input:focus-visible+span,.authority-list input:focus-visible+span{outline:3px solid rgba(56,84,216,.25);outline-offset:2px}.authority-list{border-top:1px solid var(--line)}.authority-list label span{display:grid;grid-template-columns:1fr 1.4fr;gap:25px;padding:20px 8px 20px 42px;border-bottom:1px solid var(--line);position:relative}.authority-list label span:before{content:'';position:absolute;left:8px;top:20px;width:18px;height:18px;border:1px solid #93a09d}.authority-list input:checked+span:before{background:var(--signal);border-color:var(--signal);box-shadow:inset 0 0 0 4px white}.wizard-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:auto;padding-top:35px}.wizard-actions button,.config-card button{border:0;padding:13px 17px;font-weight:700;cursor:pointer}.wizard-actions .advance{background:var(--ink);color:white;min-width:190px}.wizard-actions .advance span{color:var(--acid);margin-left:12px}.wizard-actions .back{background:white;border:1px solid var(--line)}.wizard-actions button:disabled{opacity:.55;cursor:wait}.run-summary{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--line);margin-bottom:25px}.run-summary span{display:grid;gap:6px;padding:12px;border-right:1px solid var(--line)}.run-summary small{font:9px 'DM Mono';text-transform:uppercase;color:var(--muted)}.run-summary b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sim-circuit{background:var(--ink);padding:10px 17px}.sim-node{height:43px;display:grid;grid-template-columns:17px 1fr 80px;align-items:center;border-bottom:1px solid #2d3937;color:#7f8d8a;font-size:11px}.sim-node i{width:8px;height:8px;border-radius:50%;border:1px solid #687572}.sim-node span{text-align:right;text-transform:uppercase;font:9px 'DM Mono'}.sim-node.active{color:white}.sim-node.active i{background:var(--acid);border-color:var(--acid);box-shadow:0 0 11px var(--acid)}.sim-node.complete{color:#b8c5c1}.sim-node.complete i{background:var(--signal);border-color:var(--signal)}.decision-ledger{margin-top:20px;border-left:4px solid var(--acid);background:#edf3ef;padding:18px 20px}.decision-ledger h3{font-size:20px}.decision-ledger dl{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:18px 0 0}.decision-ledger dl div{border-top:1px solid var(--line);padding-top:9px}.decision-ledger dt{font:9px 'DM Mono';text-transform:uppercase;color:var(--muted);margin-bottom:5px}.decision-ledger dd{margin:0;font-size:11px;line-height:1.5}.local-config{margin-top:100px;display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;align-items:center}.local-config h2{font-size:clamp(38px,4vw,60px)}.local-config>div:first-child>p:last-child{line-height:1.6;color:var(--muted)}.config-card{background:var(--ink);color:#dce8e3;padding:0 22px 22px}.config-card>div{height:43px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #34413f;font:10px 'DM Mono'}.config-card>div b{color:var(--acid)}.config-card pre{white-space:pre-wrap;min-height:150px;font:11px/1.8 'DM Mono';margin:18px 0}.config-card button{background:var(--acid);color:var(--ink)}.managed-link{grid-column:2;color:var(--blue);font-weight:700;text-decoration:none}.operate-panel{min-height:435px}@keyframes panel-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media(max-width:900px){.demo-intro,.commission,.local-config{grid-template-columns:1fr}.commission-rail{min-height:auto}.commission-rail ol{display:grid;grid-template-columns:repeat(4,1fr)}.commission-rail li{display:grid;justify-items:center;gap:6px;font-size:10px}.boundary-note{margin-top:20px}.wizard{padding:35px 28px}.local-config{gap:30px}.managed-link{grid-column:1}.choice-grid{grid-template-columns:1fr}.run-summary{grid-template-columns:1fr 1fr}.decision-ledger dl{grid-template-columns:1fr}}@media(max-width:560px){.demo-shell{padding:45px 18px 90px}.demo-intro{gap:24px}.commission{box-shadow:7px 7px 0 #b9d8ce}.commission-rail{padding:22px 16px}.commission-rail>p,.boundary-note{display:none}.wizard{padding:30px 20px}.provider-grid{grid-template-columns:1fr}.authority-list label span{grid-template-columns:1fr;padding-left:39px}.run-summary{grid-template-columns:1fr}.decision-ledger dl{gap:10px}.demo-safe{display:none}}
@media(prefers-reduced-motion:reduce){.wizard-panel.active{animation:none}}