:root{font-family:"Segoe UI",Arial,sans-serif;color:#24104f;background:#faf7f3}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 85% 35%,#e4dfec80,transparent 50%),#faf7f3}.demo-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 36px;border-bottom:1px solid #e3dce6;background:#ffffffa0}.demo-header img{width:145px;display:block}nav,.perspectives{display:flex;gap:4px;padding:5px;background:#e8e2eb;border-radius:12px}button{font:600 13px "Segoe UI",sans-serif;border:0;background:transparent;color:#73617c;border-radius:8px;padding:12px 19px;cursor:pointer}button[aria-pressed=true]{background:white;color:#692e83;box-shadow:0 2px 8px #44324c12}a{color:#70378a;font-size:12px;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #a985bb;outline-offset:3px}main{max-width:1600px;margin:auto;padding:28px 36px}.intro{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:12px}.eyebrow{font-size:10px;letter-spacing:2px;color:#8c4d9c;font-weight:650;margin:0 0 10px}h1{font:500 29px "Trebuchet MS",sans-serif;letter-spacing:-.8px;margin:0 0 10px}.intro p:last-child{font-size:13px;line-height:1.7;color:#7f6b88;margin:0}.disclosure{font-size:11px;line-height:1.8;color:#806c8a;margin:15px 0 24px}.stage{position:relative;margin:auto;max-width:100%;}.device{position:absolute;top:0;left:50%;transform-origin:top center;overflow:hidden;background:#faf7f3;border:9px solid #2c1848;border-radius:46px;box-shadow:0 20px 55px #45314f25}.device-top{height:44px;display:flex;justify-content:space-between;align-items:center;padding:0 23px;font-size:12px;background:white;position:relative}.island{width:104px;height:24px;position:absolute;left:50%;transform:translateX(-50%);background:#241e27;border-radius:20px}iframe{display:block;border:0;background:#faf7f3;width:100%;height:760px}.device-bottom{height:22px;display:grid;place-items:center}.device-bottom span{width:115px;height:4px;border-radius:3px;background:#2c1848}.device.ipad{border-radius:30px;border-width:12px}.ipad .device-top{height:24px;font-size:10px}.ipad .island{display:none}.ipad iframe{height:1024px}.device.web{border-radius:12px;border:1px solid #d1c9d5}.web .device-top{height:30px;background:#e8e2eb}.web .island,.web .device-bottom{display:none}.web iframe{height:850px}.caption{text-align:center;font-size:10px;letter-spacing:1px;color:#897592;margin:20px 0}@media(max-width:700px){.demo-header{padding:15px;flex-wrap:wrap;gap:12px}.demo-header img{width:120px}.demo-header nav{order:3;justify-content:center;width:100%}.open-app{font-size:11px}main{padding:23px 15px}.intro{display:block}.perspectives{width:max-content;margin-top:17px}h1{font-size:25px}.disclosure{font-size:10px}button{padding:11px 17px}}

.demo-header{background:#faf7f3;border-bottom:2px solid #e6d9ed}.demo-header img{width:150px;mix-blend-mode:multiply}.intro h1{color:#24104f}.eyebrow{color:#874b9a}button[aria-pressed=true]{background:#74388c;color:white}.device-top{color:#24104f}.device.web .device-top{background:#eee5f3}