*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;color:#192d40;background:#fff;font-family:Arial,Helvetica,sans-serif}button,a{font:inherit}button{cursor:pointer}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible{outline:3px solid #c24b15;outline-offset:3px}button,a{-webkit-tap-highlight-color:transparent}button{border:0}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.experience{height:100dvh;display:flex;flex-direction:column}.experience-bar{flex:none;display:flex;align-items:center;gap:18px;justify-content:space-between;padding:14px 22px;border-bottom:1px solid #dde4ec;background:#fff}.experience-label{display:flex;align-items:center;gap:11px}.experience-label strong{display:block;font-size:15px}.experience-label small{display:block;font-size:12px;color:#667789;margin-top:4px}.demo-square{font-weight:800;font-size:23px;letter-spacing:-2px;padding:9px;background:#edf2f8;border-radius:10px}.demo-square>span{color:#c24b15}.experience-modes{display:flex;padding:4px;background:#f3f5f8;border:1px solid #e0e5ec;border-radius:9px;gap:4px}.experience-modes button{padding:10px 15px;font-size:14px;white-space:nowrap;background:transparent;color:#526074;border-radius:6px}.experience-modes button[aria-pressed=true]{background:#fff;color:#183957;box-shadow:0 1px 5px #19395720;font-weight:600}.experience-modes #tour-toggle[aria-pressed=true]{background:#fff0e7;color:#9c380f}.experience-tools{display:flex;align-items:center;gap:12px}.experience-tools button,.experience-tools a{background:transparent;font-size:14px;color:#596a7e;padding:8px}.experience-tools a{font-size:23px}.tour-guide{flex:none;background:#fff9f5;border-bottom:1px solid #eac6b3;padding:0 22px 16px;max-height:52dvh;overflow:auto}.tour-guide nav{display:flex;gap:6px;padding:14px 0 12px;overflow-x:auto;scrollbar-width:thin;align-items:center}.tour-chapter{display:flex;gap:7px;align-items:center;white-space:nowrap;padding:7px 10px;color:#74645b;background:transparent;border:1px solid transparent;border-radius:7px;font-size:12px;flex:1}.tour-chapter>span{font-size:12px;opacity:.75}.tour-chapter[aria-current=step]{background:white;border-color:#e5b89f;color:#9c380f;font-weight:bold;box-shadow:0 2px 8px #88421b08}.tour-explanation{display:grid;grid-template-columns:1.6fr 1fr;gap:32px;align-items:center}.tour-eyebrow{font-size:12px;letter-spacing:1.5px;font-weight:bold;color:#a44116;margin:0 0 8px}.tour-eyebrow>span{margin-left:12px;letter-spacing:.5px}.tour-copy h1{font-size:22px;line-height:1.2;margin:0 0 8px;letter-spacing:-.5px;color:#272c33}.tour-copy>p:last-child{margin:0;line-height:1.55;font-size:14px;max-width:730px;color:#5d6066}.tour-action>p{margin:0 0 12px;font-size:13px;line-height:1.45;color:#685b54}.tour-navigation{display:flex;gap:8px}.tour-navigation button{min-height:36px;padding:9px 13px;background:white;border:1px solid #e0bcaa;border-radius:6px;color:#9c380f;font-size:13px}.tour-navigation #next-chapter{display:flex;gap:16px;justify-content:space-between;align-items:center}.tour-navigation button:hover{background:#ffeddf}#tour-detached{padding-top:12px;font-size:13px;color:#715c50}#tour-detached button{padding:0;background:transparent;color:#9c380f;text-decoration:underline;text-underline-offset:4px;font-weight:bold}.system-stage{flex:1;position:relative;min-height:0;background:#f5f8fc}.system-stage iframe{width:100%;height:100%;display:block;border:0;background:#f5f8fc}.system-stage>#system-loading{position:absolute;inset:0;background:#f5f8fc;display:grid;place-content:center;text-align:center;gap:15px;color:#607187;font-size:14px}#system-loading a{color:#9c380f;text-decoration:underline}.experience-foot{flex:none;display:flex;justify-content:space-between;gap:12px;padding:9px 22px;font-size:12px;color:#667789;border-top:1px solid #dde4ec;background:#fff}
@media(max-width:1000px){.tour-chapter{font-size:12px;padding:7px 8px}.experience-label small{display:none}.experience-tools button>span{display:none}.tour-explanation{gap:20px}.tour-copy h1{font-size:20px}}
@media(max-width:660px){.experience-bar{padding:10px 12px;gap:8px;flex-wrap:wrap}.experience-label strong{font-size:14px}.demo-square{font-size:20px;padding:7px}.experience-modes{order:3;flex:1 0 100%;justify-content:stretch}.experience-modes button{flex:1}.experience-tools{margin-left:auto}.tour-guide{padding:0 14px 13px;max-height:46dvh}.tour-guide nav{gap:3px;padding:10px 0}.tour-chapter{padding:7px;font-size:12px;flex:0}.tour-explanation{display:block}.tour-copy h1{font-size:19px}.tour-copy>p:last-child{font-size:13px;line-height:1.45}.tour-eyebrow{display:none}.tour-action{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:10px}.tour-action>p{font-size:12px;margin:0;max-width:55%}.tour-navigation #previous-chapter{display:none}.tour-navigation button{font-size:12px;padding:7px 9px;min-height:34px}.tour-navigation #next-chapter{gap:7px}.experience-foot{padding:8px 12px;font-size:12px}.experience-foot>span:last-child{display:none}#tour-detached{font-size:12px}}

.experience-legal{display:flex;gap:14px;flex-shrink:0}.experience-legal a{color:#53677d;text-decoration:underline;text-underline-offset:3px}.experience-foot{flex-wrap:wrap}.experience-legal a:focus-visible{outline:2px solid #9c380f;outline-offset:3px}